In this projectbased web3 tutorial we build a complete faucet dApp using Ethersjs and Reactjs to connect to a wallet and interact with a Solidity faucet smart contract on the Ethereum Goerli network.

Topics covered include: connecting a wallet, interacting with a smart contract, dApps, web3 tutorial for beginners, Reactjs, Ethersjs library, web3js library, application binary interface (abi), Ethereum Goerli testnet, sending tokens.

Starter code repo:
https://github.com/jspruance/faucetd...

Completed project repo:
https://github.com/jspruance/erc20tu...

Ocean Token (OCT) smart contract address (Goerli):
0x2225d9117e37329713884942992EE040B742D906

Faucet smart contract address (Goerli):
0xE16738Fb636c83b198A71368dd0D580FBc3B993B

Faucet smart contract tutorial:
   • Faucet Smart Contract Tutorial | Soli...  

ERC20 token tutorial:
   • ERC20 Token Tutorial | Create Your Ow...  

Ethers.js docs:
https://docs.ethers.io/v5/

Metamask API docs:
https://docs.metamask.io/guide/ethere...