Build And Deploy Web 3.0 App, EthereScan Clone With Next Js, React Js, Infura, Ether js, EthereScan

Опубликовано: 02 Октябрь 2024
на канале: Daulat Hussain
4,970
96

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: