Skip to content

[FEATURE]: Add Web UI Dashboard (Next.js) #65

@Rav1Chauhan

Description

@Rav1Chauhan

Feature and its Use Cases

🚀 Feature Request: Web UI Dashboard for MiniChain

📌 Summary

Replace the current CLI-based interaction with a modern web-based dashboard built using Next.js. This will improve usability, accessibility, and enable easier interaction with the MiniChain node.


🎯 Goals

  • Provide a user-friendly interface for interacting with the blockchain node
  • Replace manual CLI commands with intuitive UI actions
  • Enable real-time visualization of blockchain data

🧩 Proposed Features

1. 💼 Wallet UI

  • Display current wallet address
  • Show account balance
  • Copy address functionality

2. 💸 Send Transactions

  • Input field for recipient address
  • Input field for amount
  • Submit button to send transaction

3. ⛏️ Mining Controls

  • Button to trigger mining
  • Display mining status (pending/success)
  • Show mining rewards

4. 📜 Transaction History

  • List of past transactions

  • Include:

    • sender
    • receiver
    • amount
    • timestamp

5. ⛓️ Blockchain Explorer (Optional)

  • View blocks
  • Show block hash, previous hash, transactions

⚙️ Technical Approach

Backend Changes

  • Expose REST API endpoints in main.py:

    • GET /balance
    • GET /address
    • POST /send
    • POST /mine
    • GET /chain

Frontend

  • Framework: Next.js
  • Styling: Tailwind CSS
  • API communication via fetch/axios

📦 Example API Contract

GET /balance
{
  "balance": 100
}

POST /send
{
  "to": "address",
  "amount": 10
}

🧪 Benefits

  • Improves developer and user experience
  • Makes project more accessible for demos and learning
  • Enables future integration with external systems

🏷️ Labels

  • enhancement
  • frontend
  • good first issue

🙌 Contribution

I would like to work on this feature and implement the frontend + backend integration.

@Zahnentferner whats your view?
I am ready to work on this

Additional Context

No response

Code of Conduct

  • I have joined the Discord server and will post updates there
  • I have searched existing issues to avoid duplicates

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions