Project done by:

• Name: Prayag Tandon

Ethereum Blockchain Explorer Landing Page

Built a Landing Page for an Ethereum Blockchain Explorer, where we can see the transactions, create a new transfer and even find information regarding a block.

Features

• Transactions Overview: Displays all blockchain transactions with pagination.

• Transfer Creation: Allows users to create a new Ethereum transfer, which is then displayed in the latest blocks.

• Block Details: Allows users to select a block by address and view its details.

• Navigation: Simple routing with links to Transactions, Transfer, and Blocks sections.

Tech Used

• React: JavaScript library for building user interfaces.
• Vite: Fast build tool for React projects.
• Tailwind CSS: Utility-first CSS framework for styling.
• Material-UI: React UI framework for modern components.
• CryptoJS: Library for generating transaction hashes using SHA256.
• @faker-js/faker: Used to generate mock Ethereum data (addresses, transactions)

References

• React Docs
• MaterialUI Docs
• Tailwind CSS - Docs
• Faker-JS Docs
• Pagination Tutorial - Youtube
• React Crash Course - Youtube