Simple ERC-20 Token Vendor

Deployed Token Vendor

Check out the deployed Token Vendor.

It can only be used on desktop web and requires using a Metamask wallet or WalletConnect compatible wallet.

Check out the deployed Token contract.

Check out the deployed Vendor contract.

Deploying Token Vendor Locally

You first need to clone the repository to your local environment and install all of the packages:

npm install

Then you need to start running a hardhat local network by entering this command into your terminal:

npx hardhat node

After, you need to create an account with Alchemy if you have not already and create an app. You should now have an API key that you will need for later. Then you need to create a .env file in the root directory. In the .env file you need to define the following variables REACT_APP_NETWORK, REACT_APP_ALCHEMY_API_KEY, PRIVATE_KEY. REACT_APP_NETWORK will be defined as localhost, REACT_APP_ALCHEMY_API_KEY will be defined as your Alchemy API key and PRIVATE_KEY can be defined as any of the private keys from the accounts that the hardhat node generated. It should look like the following:

REACT_APP_NETWORK=localhost
REACT_APP_ALCHEMY_API_KEY=<your_api_key>
PRIVATE_KEY=701b615bbdfb9de65240bc28bd21bbc0d996645a3dd57e7b12bc2bdf6f192c82

You then need to deploy the contracts:

npx hardhat run ./scripts/deploy.js --network localhost

The scripts should have deployed the MontyToken contract and Vendor contract. You then need to define the variables REACT_APP_LOCALHOST_TOKEN_ADDRESS and REACT_APP_LOCALHOST_VENDOR_ADDRESS with the addresses that have been outputted in the terminal.

Finally, you just need to run the React frontend:

npm start ".env"