In this video, we're going to learn how to build a simple front end browser application for an Ethereum smart contract using HTML/Web3.js. I do this to make a faucet for an ERC-20 token, but the general principles of the video apply to any smart contract.

Links:
Token Smart Contract: https://github.com/joe-singh/EthToken...
Front End Files: https://github.com/joe-singh/TokenFro...
Node.js download: https://nodejs.org/en/


Timestamps:

0:00 Intro/Recap of How to Deploy Smart Contract to Goerli Testnet
2:18 Getting the Contract Address & ABI from Remix
4:27 Setting up Web3 Libraries with Node.js/npm
6:00 Writing front-end HTML
9:59 How to connect front-end to Web3 via MetaMask
11:56 How to connect to Smart Contract using Address/ABI
13:19 Testing Web3/Contract connection with http-server
15:35 Calling Smart Contract Methods in front-end
19:13 Testing the dApp
21:30 Summary

For more Web3, follow me on Twitter:   / singhjyotirmai