Clone of the Ethereum Block Explorer Built with Ethers, React Router, React Bootstrap, Axios and Express.
After downloading this repo from github and installing the node packages with npm i
, make sure you have Alchemy or other JSON-RPC provider URLs for Mainnet, Goerli and Rinkeby to replace the process.env.<YOUR_KEY_HERE>
variables in server/index.js.
-
Change directory into the server folder
cd server
and run it in a window of terminalnode index
-
In a new tab/window of terminal, run
npm start
. This should start up your browser and point to localhost:3000 -
The app is now ready for use, browse and interact with it as you would with normal Etherscan!
✅ Search bar distinguishes between addresses, transaction hashes and block numbers and redirects users accordingly
✅ Polls network for new blocks every 15s and displays it on the home page
✅ Polls network for average gas price every 15s
✅ Click onto any block on the home page to view block details
✅ Click onto any transaction listed in a block to view its details
✅ Switch between Mainnet, Rinkeby and Goerli networks from dropdown menu
✅ Use the URL route to find transaction /tx/
, account /address/
or block /block/
details
✅ Frontend styled with React Bootstrap
- Make the navbar update the active tab when navigating with in-page links