Conclusion

Throughout this tutorial, you've accomplished all the basics of building an Agoric Dapp UI:

• Scaffolding a new React App.
• Setting up AgoricProvider and connecting to a wallet.
• Reading and rendering purse balances.
• Reading vstorage data with chainStorageWatcher.
• Making an offer to exchange some on-chain assets.

With these basics in place, the world of Agoric UI development has opened up to you. To expand on your newly acquired knowledge, consider trying out the following tasks:

• Spruce up your UI with interchain-ui components and try customizing the theme.
• Add automated e2e testing using https://github.com/agoric-labs/synpress.
• Add a new item to the "Offer Up" contract and implement UI support for it.
• Deploy the contract to a testnet and add the NetworkDropdown component to your dapp to switch between networks.
• Write your own dapp and implement a custom UI for it.

Check out the #dev channel in the Discord with any questions or feedback for future improvements on this guide.