/simple-block-explorer

A simple Ethereum block explorer.

Primary LanguageJavaScript

Simple Block Explorer

This project is a simplified version of a block explorer built as a learning exercise. It demonstrates key features of block explorers such as displaying the latest block number, showing real-time details of the latest block, viewing transaction details, and checking Ethereum addresses' balances.

Features

  • Latest Block Number: Shows the most recent block number in the Ethereum blockchain.
  • Real-time Block Details: Displays details of the latest block as they are updated in real-time.
  • Transaction Details: Ability to view specific details of transactions within a block.
  • Check Address Balance: Provides a feature to check the balance of any Ethereum address.

Home Page

Account Balance

Transaction Details

Check Balance Page

Technologies Used

  • Alchemy SDK: Used for interacting with the Ethereum blockchain.
  • React: For building the user interface.
  • React Router: To handle routing in the application.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

npm: npm install npm@latest -g

Installation

Clone the repo: git clone https://github.com/yunemse48/simple-block-explorer.git

Install NPM packages: npm install

Usage

This block explorer is intended as a basic demonstration and learning tool for understanding the functionality of blockchain explorers. Start the app: npm start