Skip to content

Blockkube-explorer: A real-time Ethereum blockchain explorer built with Next.js & MongoDB. Features include dynamic data fetching, wallet insights, and optional full blockchain indexing. Ideal for intuitive Ethereum network interactions.

Notifications You must be signed in to change notification settings

marcus-gomes-v/BlockKube-X

Repository files navigation

Block Kube X

blockkube-explorer is a lightweight, feature-rich blockchain explorer designed to provide real-time insights into the Ethereum blockchain. Built with Next.js and MongoDB, it leverages Web3.js for blockchain interactions, offering users a responsive and intuitive interface to query blocks, transactions, and wallet balances.

Demo: Block Kube X on Vercel

Features

  • Real-time Blockchain Data: Explore the latest blocks and transactions on the Ethereum blockchain.
  • Wallet, Transaction and Block Information: View detailed wallet balances, transaction histories and block information.
  • Responsive Design: A user-friendly interface built with Tailwind CSS, optimized for both desktop and mobile devices.
  • Dynamic Data Fetching: Utilizes Web3.js to interact with Ethereum nodes, ensuring up-to-date blockchain information.
  • Server-Side Rendering: Leveraging Next.js for fast page loads and SEO-friendly content rendering.

Prerequisites

Before you begin, ensure you have installed the following on your system:

  • Node.js (v14 or newer)
  • npm (v6 or newer)
  • MongoDB

Installation

  1. Clone the repository:

    git clone https://github.com/marcus-gomes-v/BlockKube-X.git
    cd BlockKube-X
  2. Install dependencies:

    npm install
  3. Set up environment variables:

    • Copy the .env.example file to .env.
    • Fill in the ETH_NODE_URL with your Ethereum node URL.
    • Set your MONGODB_URI to point to your MongoDB instance.
    • Optionally, set INDEX_PAST_BLOCKS=true if you wish to index all past blockchain blocks up to the current block. Caution: This process can be resource-intensive and time-consuming, depending on how far back the indexing goes.

Running the Application

To run the application in development mode:

npm run dev

For production, build the application and then start the server:

npm run build
npm start

Contributing

Contributions are welcome! Please submit a pull request or open an issue if you have any features, fixes, or improvements.

About

Blockkube-explorer: A real-time Ethereum blockchain explorer built with Next.js & MongoDB. Features include dynamic data fetching, wallet insights, and optional full blockchain indexing. Ideal for intuitive Ethereum network interactions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages