This boilerplate is designed to get you up and running with a Algorand-based web application. Built with React, Vite, Chakra UI, and incorporating the UseWallet library from @txnlab, it provides some of the basics that you need for creating and managing Algorand transactions in a sleek, user-friendly interface.
- React for building user interfaces.
- Vite for a super-fast development and build experience.
- Chakra UI for a modern component library.
- UseWallet library integration from txnlab to easily connect and interact with Algorand wallets such as Pera, Defly, Exodus, Daffi Wallet.
Ensure you have the following installed on your system:
-
Clone this repository:
git clone https://github.com/wxcocoxw/algorand-react-boilerplate.git -
Navigate to the project directory:
cd algorand-react-boilerplate -
Install the dependencies:
Using npm:
npm installUsing Yarn:
yarn -
Configure your environment variables & rename sample.env
-
Start the development server:
Using npm:
npm run devUsing Yarn:
yarn dev
Open http://localhost:3000 to view your app in the browser.
To connect wallets, we use the Use-Wallet library. You can find detailed documentation here.
For more about using Chakra UI components, please refer to the official Chakra UI documentation.
Pull requests are welcome! For major changes, please open an issue first to discuss what you'd like to change.
This project is licensed under the MIT License - see the LICENSE file for details.
coco (SockHodler)