This project is an Ethereum Block Explorer Clone, designed to interface with the Ethereum Mainnet. It allows users to view the latest blocks and transactions, explore specific blocks and transactions in detail, and check account balances. The project is built for educational purposes and provides a basic yet functional insight into blockchain explorations.
- View current block number of Ethereum Mainnet.
- Display detailed information about blocks and their transactions.
- Fetch transaction receipts for detailed analysis.
- Search and view Ethereum addresses and their balances.
- Interactivity: click on blocks and transactions for more details.
- React.js
- React Router
- Alchemy SDK
- Tailwind CSS
- React Icons
Create an Alchemy API Key: If you haven't already, create a unique Alchemy API Mainnet key as described in the Alchemy documentation.
Clone the Repository:
git clone https://github.com/your-username/ethereum-block-explorer-clone.git
Navigate to Project Directory:
cd ethereum-block-explorer-clone
Install Dependencies
npm install
-
Create an empty .env file in the base directory.
-
Add the following line, replacing YOUR_ALCHEMY_API_KEY with your actual API key
REACT_APP_ALCHEMY_API_KEY=YOUR_ALCHEMY_API_KEY
Start your application
npm start
- The application displays the current block number of the Ethereum Mainnet upon loading.
- Explore more detailed information about each block and its associated transactions.
- Click on individual blocks or transactions to view their detailed data.
- Use the search functionality to explore specific Ethereum addresses and their transaction histories and balances.
Erik Williams