zkapp-cli

Tutorial Task 4 : Building a zkApp UI in the Browser with React

What we will build

The application we build will implement the following:

1. Loading a public key from an extension-based wallet (tested with Auro >= 2.1.2)
2. Checking if the public key has funds, and direct the user to the faucet if not.
3. Connecting to example zkApp Add smart contract, already deployed on Berkeley testnet at a fixed address.
4. A button that when clicked sends a transaction.
5. A button that when clicked requests the latest state of the smart contract.

Project setup

First, setup a new project with