Solidity & React Fullstack Banking Dapp | Deposit & Withdraw ETH & ERC20 Tokens with MetaMask

Blockman Codes

Let’s build a fullstack banking dapp from scratch.
We’ll be using Hardhat, Solidity, React, EthersJS and more.
This app will allow connecting with MetaMask and depositing and withdrawing ETH and ERC20 tokens (MATIC, SHIB, USDT) you would like.
I’m going to take you through every step!

Timing
0:00 – Intro
1:09 – Setup the Hardhat project (hardhat)
3:30 – Write bank contract
16:34 – Write ERC20 token contracts
19:39 – Write Hardhat deploy script
27:08 – Deploy the contracts
27:53 – Connect Metamask to the Hardhat network
29:37 – Import ERC20 Tokens in Metamask
33:42 – Reset Metamask
34:02 – Install React libraries
34:09 – Start writing React app

Links:
Hardhat setup tutorial: https://hardhat.org/tutorial/creating-a-new-hardhat-project.html
ERC20 docs: https://docs.openzeppelin.com/contracts/2.x/api/token/erc20
ETH address generator: https://vanity-eth.tk/

If you have any questions, leave them in the comments.
And if you found this video helpful, give it a like and subscribe!

————————————————————————————————————–
Github gist code: https://gist.github.com/BlockmanCodes/ba4a6f20987a0c5bc056642bddd2e1b4