Build your first web 3.0 project.
Get Source Code: https://bit.ly/EtherScan-Clone
All Project Code: https://www.theblockchaincoders.com/t...
In this web 3.0 project, you going to learn about modern technology like Next Js, React Js, Infura, Ether js, and Etherescan.
Modern web 3.0 Etherscan clone projects cover, how frontend applications can communicate with Ethereum blockchain and fetch real-time #ethereum data
The following topics are covered in the complete #web3.0 app project:
1. Next Js with React Js In web3.0 Application;
2. Modern Folder and file structure of web3.0 application for scaling.
3. Naseccary npm package in web3.0 project to communicate with Ethereum blockchain.
4. How to design art picture of Etheresacn web3.0 clone project
And the list is on & on about this alarming #web3.0project with react js and next js
TimeStamp Of This Web 3.0 App, ETHERESCAN Clone
App Intro 00:00:00
Start File & Source Code: 00:14:37
Installation Packages: 00:15:53
Folder Structure: 00:20:28
NavBar Page: 00:26:07
EtherScan API: 00:35:00
NavBar CSS: 01:05:09
Footer Page: 01:18:35
Footer CSS: 01:22:00
Index Page: 01:26:00
Ether Js API Page 01:28:16
Index CSS 02:07:00
Account Page 02:18:55
Account Page API Call 02:37:28
Account CSS 02:51:00
Table Components 03:08:10
Block Page 04:16:30
Block CSS 04:37:00
Transaction Page 04:44:00
Bug Fixing 05:04:00
Review Of Project 05:11:49
Web3.0 Project Code 05:20:12
Upcoming Project Overview 05:26:00
EthereScan Clone App gives real-time data of #Ethereum #blockchain
Features of the #Web3.0 Application
1. Block details,
2. Transactions History
3. Internal Transaction
4. Transactions by Hash
5. Block Range
6. Block Mined By Address
7, Token Transfer (ERC20, ERC21, ERC1155)
8. Search Account Address Data
9. Single Transaction
10. Contract data
11. Ether Updated Price
12. Ether Total Supply
Technology used in the Application
1. Next Js
2. React js
3. EthereScan API
4. Infura Provider (connecting With the main net)
6. Ether Js
Following modern folder and file structure for scaling, using #react useContext hook for state management and all the best practices to build scalable web3.0 application.
It would be great if you give your feedback & your suggestion would be highly appreciated
PLayList Course
Solidity Course: • Solidity
Complete Rest API COURSE: • Build Ecommerce API, Complete BootCamp
Complete JavaScript Course: • JavaScript Course Zero To Expert
HTML Course Code: https://www.daulathussain.com/complet...
===================
HOSTING
++++++++++++++++++++
Best Hosting: https://clients.domainracer.com/aff.p...
Follow Me:
Instagram: / daulathussain92
Facebook: / daulat.hussain.18
Twitter: / daulathussain9
Pinterest: / daulathussainhealthfitness
Linkedin: / dh-f
Quora: https://www.quora.com/q/schahkxkdudpgjvh
Facebook Group: / 59011
Facebook Page: / yourdhfitness
Subscribe to My Channel: https://www.youtube.com/channel/UCz6_...
Workout Video: