Build a WEB3 DApp w/ Solidity, React, Hardhat, Ethers.js & MetaMask Tutorial

Welcome to this comprehensive tutorial on Solidity, React, Ethers.js, MetaMask, and Hardhat! In this video, you'll learn how to set up, develop, test, and deploy smart contracts using the latest tools and technologies. Whether you're a beginner or an experienced developer, this step-by-step guide will help you master Solidity and build your own decentralized applications (dApps).

⭐️ Course Contents ⭐️

S1 - Set up Solidity using Hardhat

⌨️ (00:00) Intro (what to expect)

⌨️ (00:42) Setup Solidity project using Hardhat

⌨️ (01:36) Project file structure

⌨️ (02:16) Full Solidity tutorial

S2 - Write Our Smart Contract

⌨️ (02:21) Lock.sol Solidity contract

S3 - Compile Our Smart Contract

⌨️ (03:50) Compile contract

S4 - Unit Test Our Smart Contract

⌨️ (04:35) Contract testing

⌨️ (04:58) Testing - loadFixture()

⌨️ (06:11) Testing - deployment

⌨️ (07:04) Testing - withdrawal validations

⌨️ (08:17) Testing - withdrawal events

⌨️ (08:46) Testing - withdrawal transfers

⌨️ (09:18) Run tests and coverage

S5 - Using Ethers.js and React App to Connect with Our Smart Contract

⌨️ (09:36) Set up React app

⌨️ (11:14) Install Ethers.js

⌨️ (11:24) (Demo) React with Solidity dApp

⌨️ (12:32) Use Ethers.js in React to call Lock.sol

⌨️ (15:52) Update Lock.sol contract

⌨️ (16:07) Compile contract - npx hardhat compile

S6 - Deploy Smart Contract Locally for Manual Test

⌨️ (16:17) Deploy contract to localhost

⌨️ (17:08) Set up MetaMask

⌨️ (17:48) Test web dApp

S7 - Summarize Our Project

⌨️ (18:16) Summary

By the end of this video, you'll have a complete understanding of how to create, test, and deploy smart contracts, as well as how to integrate them with a React front-end using Ethers.js. Don't forget to like, comment, and subscribe for more tutorials!

Code: https://github.com/EricTech0/dapp-demo

Solidity Tutorial: https://youtu.be/E3KM1c7xeJM

(Please Subscribe & Like 👍)