/web3-starter

A simple Web3 setup that includes React, EthereumJS, Hardhat, MetaMask Wallet Integration and a TestContract

Primary LanguageJavaScriptMIT LicenseMIT

Simple Web3 Starter App with React and Hardhat

  • ReactJS Frontend
  • Contract configurations for frontend
  • MetaMask integration
  • Hardhat integration with ethers.js

This project is derived from the super https://github.com/NomicFoundation/hardhat-hackathon-boilerplate

Quick start

The first things you need to do are cloning this repository and installing its dependencies:

git clone https://github.com/dhavaln/web3-starter.git
cd web3-starter
npm install

Once installed, run Hardhat's testing network:

npx hardhat node

Then, open a new terminal, go to the repository's root folder and run this to deploy your smart contracts:

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

Finally, we can run start the frontend with:

cd frontend
npm install
npm start

Make sure you have added the local network in your MetaMask wallet. You will need to have Metamask installed and listening to localhost 8545.

Open http://localhost:3000/ to this working.

Upcoming changes

  • Simple IPFS integration
  • Testnet and mainnet configurations for easier deployment
  • Ganache integration
  • Tenderly integration for monitoring and debugging