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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions