Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

yarn install

Install required packages

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

User Guide

Connect Metamask

On top of the screen, there is a button called "Connect Wallet"

Click on that button to get started.

It will show you a metamask popup to connect your wallet.

Once connected, the web app starts loading the blockchain data.

Show Block Info

In the list of the blocks, there are 3 links.

  1. Block number - To show the detailed information and transactions of that block.
  2. Miner - To show the miner information on etherscan.io
  3. Transactions - To show the transactions on etherscan.io

Show Transaction Info

In the list of the transactions, there are 3 links and 1 checkbox.

  1. Self Transaction Only - To toggle between self transactions and the entire transactions of that block.
  2. Transaction Hash - To show the transaction data on etherscan.io
  3. From - To show the information of the sender on etherscan.io
  4. To - To show the information of the receiver on etherscan.io