This template provides a baseline React web app for developing integrating with any ARC32 compliant Algorand smart contracts.
To use it install AlgoKit and then either pass in -t react
to algokit init
or select the react
template interactively during algokit init
.
This is one of the official frontend templates used by AlgoKit to initialise an Algorand enabled React web app ready for integrating with your smart contracts. It's made by relying on a Copier templates.
This template supports the following features:
- React web app with Tailwind CSS and TypeScript
- Styled framework agnostic CSS components using DaisyUI.
- Starter jest unit tests for typescript functions. Can be disabled if not needed.
- Starter playwright tests for end to end testing. Can be disabled if not needed.
- Integration with use-wallet for connecting to Algorand wallets such as Pera, Defly and Exodus.
- Example of performing a transaction.
- Dotenv support for environment variables, as well as a local only KMD provider that can be used for connecting the frontend component to an
algokit localnet
instance (docker required). - CI/CD pipeline using GitHub Actions (Vercel or Netlify for hosting)
Once the template is instantiated you can follow the README.md file to see instructions for how to use the template.