Build an NFT minting site with Algorand Web Wallet Interface Using Reach and React to Connect to My Algo Wallet and AlgoSigner

This repository is a simple implementatio how to use the Reach frontend to connect to an Algorand wallet and sign transactions using MyAlgoWallet and Algosigner with React.

My Algo Wallet Connect with Reach and Algosigner independent of Reach.

My Algo Wallet Connect With Reach

• Using Reach to connect to the My Algo Wallet
• Checking of account information, like address and account balance
• Using Reach Faceut to fund account
• Transferring of fund using Reach

AlgoSigner

• Connecting to the AlgoSigner web extension
• Transfering fund
• Creating Asset
• Optin to an Asset

Setup Instructions

• clone the repository
• open a terminal cd to the reach-react folder
• From there run the command npm install
• once that has completed cd src
• Run the curl https://raw.githubusercontent.com/reach-sh/reach-lang/master/reach -o reach ; chmod +x reach command to download reach into the src folder
• Run the ./reach version command to ensure it installed
• Run the REACH_CONNECTOR_MODE=ALGO ./reach devnet command to start the testnet
• Start up a new terminal and navigate to the reach-react folder
• Now run the npm start command to run the applications frontend
• Navigate to the localhost link given by the above command to view the application

Demo

Disclaimer

This project is not audited and should not be used in a production environment.