Skip to content

Etherscan 3.0 is a web application that provides a user-friendly interface for exploring Ethereum blockchain transactions. It allows users to view detailed information about blocks and transactions, such as transaction hash, block number, sender, recipient, confirmations, value, transaction fee, and data.

Notifications You must be signed in to change notification settings

muhammad-fahim-asim/AU-Week-3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Etherscan 3.0 - Ethereum Blockchain Explorer πŸ•΅οΈβ€β™‚οΈ

Etherscan 3.0 is a user-friendly web application that allows you to explore Ethereum blockchain transactions. With Etherscan 3.0, you can view detailed information about blocks and transactions, including transaction hash, block number, sender, recipient, confirmations, value, transaction fee, and data.

Features πŸš€

  • Block Navigation: Easily navigate between blocks using the "Previous Block" ◀️ and "Next Block" ▢️ buttons.
  • Transaction Listing: Transactions are displayed in a paginated table, showing important details for each transaction.
  • Transaction Details: Clicking on a transaction in the table reveals additional information, such as transaction hash, block number, sender, recipient, confirmations, value, transaction fee, and data.
  • Pagination: Navigate through transaction pages using the "Previous" ⬅️ and "Next" ➑️ buttons.
  • Responsive Design: Enjoy a seamless experience on different screen sizes, including desktop and mobile devices.

Technologies Used πŸ’»

  • React: A JavaScript library for building user interfaces.
  • Alchemy SDK: A package for interacting with the Ethereum blockchain.
  • ethers.js: A library for interacting with Ethereum and Ethereum-like networks.
  • HTML and CSS: Used for structuring and styling the web application.

Usage ⚑

To use Etherscan 3.0, follow these steps:

  1. Clone the repository to your local machine.
  2. Install the required dependencies by running npm install.
  3. Obtain an API key from Alchemy and set it as the value for the REACT_APP_ALCHEMY_API_KEY environment variable.
  4. Start the development server by running npm start.
  5. Open the application in your browser and start exploring Ethereum transactions.

Contributing πŸ™Œ

Contributions to Etherscan 3.0 are more than welcome! If you encounter any bugs or have suggestions for improvements, please open an issue or submit a pull request. We appreciate your help in making this project even better.

Thank you for using Etherscan 3.0! Happy exploring! πŸŽ‰

About

Etherscan 3.0 is a web application that provides a user-friendly interface for exploring Ethereum blockchain transactions. It allows users to view detailed information about blocks and transactions, such as transaction hash, block number, sender, recipient, confirmations, value, transaction fee, and data.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published