Michasa / BlockExplorer

My submission for the take home. A CRA UI for exploring eth blocks

This project was bootstrapped with Create React App, CRA.

Installation

• Please run nvm use within the terminal directory to use Node v14.16.0 as this was required by CRA. Once that has been set download all the project dependancies using npm install.
• ⚠️ This project requires an Infura Project ID Key in order to function, make a copy of .envsample, rename to .env and fill the REACT_APP_PROJECT_ID_KEY property value with the API key. If you do not an error toast will alert you to this

Localhost

To launch a local version of the use npm run start in your terminal and open http://localhost:3000 to view it in the browser.

How to Use 🥳

1. Click the Fetch New Block/ Fetch More button to fetch the latest mined block.
2. Hover over the small square to see details about the transaction (Unfinished)
3. To see stats about the block, click the card header to select it. Observe the block stats displayed above. To come out of this mode click the same card again.

✨Thank you for checking out my submission, it was really fun to build ✨