Uploaded April 2021 | Updated September 2026, 1 hour ago
** Some of the code for this tutorial has been updated due to breaking changes. If you're coding along, follow the steps outlined here: dev.to/dabit3/the-complete-guide-to-full-stack-ethereum-development-3j13 **
In this video you’ll learn how to build a modern full stack dApp on the Ethereum blockchain with React, Solidity, Hardhat, and Ethers.js. We’ll start from scratch, creating a React application, installing the dependencies, and initializing a new local Hardhat Ethereum environment.
Next, we’ll create a couple of different smart contracts in Solidity, compile them, and deploy them to a local blockchain node that we will also initialize using Hardhat. We’ll then learn how to deploy the smart contracts to a real live test network.
We’ll then connect the React front end to allow users to read data from the blockchain as well as create transactions with MetaMask using test Ether that we create using accounts created by our local test environment.
Finally, we’ll learn how to create and mint real ERC20 tokens, as well as how to rapidly prototype smart contracts using the Remix IDE.
By the end of this guide, you should have a good understanding of how to build modern dApps with React and Solidity on the Ethereum blockchain.
Code: github.com/dabit3/full-stack-ethereum
0:00 - Introduction
1:09 - Initializing and configuring the project
5:49 - Our first smart contract
10:20 - Compiling the smart contract
11:35 - Starting a local blockchain node
12:30 - Deploying the smart contract
14:10 - Installing MetaMask
17:40 - Writing the front end code
30:10 - Deploying to a live test network (Ropsten)
37:50 - Creating a Token contract
43:30 - Creating the Token front end
50:15 - ERC20 Tokens
54:40 - Remix IDE
59:54 - Conclusion
** Some of the code for this tutorial has been updated due to breaking changes. If you're coding along, follow the steps outlined here: dev.to/dabit3/the-complete-guide-to-full-stack-ethereum-development-3j13 **
In this video you’ll learn how to build a modern full stack dApp on the Ethereum blockchain with React, Solidity, Hardhat, and Ethers.js. We’ll start from scratch, creating a React application, installing the dependencies, and initializing a new local Hardhat Ethereum environment.
Next, we’ll create a couple of different smart contracts in Solidity, compile them, and deploy them to a local blockchain node that we will also initialize using Hardhat. We’ll then learn how to deploy the smart contracts to a real live test network.
We’ll then connect the React front end to allow users to read data from the blockchain as well as create transactions with MetaMask using test Ether that we create using accounts created by our local test environment.
Finally, we’ll learn how to create and mint real ERC20 tokens, as well as how to rapidly prototype smart contracts using the Remix IDE.
By the end of this guide, you should have a good understanding of how to build modern dApps with React and Solidity on the Ethereum blockchain.
Code: github.com/dabit3/full-stack-ethereum
0:00 - Introduction
1:09 - Initializing and configuring the project
5:49 - Our first smart contract
10:20 - Compiling the smart contract
11:35 - Starting a local blockchain node
12:30 - Deploying the smart contract
14:10 - Installing MetaMask
17:40 - Writing the front end code
30:10 - Deploying to a live test network (Ropsten)
37:50 - Creating a Token contract
43:30 - Creating the Token front end
50:15 - ERC20 Tokens
54:40 - Remix IDE
59:54 - Conclusion
