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

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

Start by reviewing the existing CLI interactions and the backend entry point in main.py. Define the listed REST endpoints and the Next.js dashboard around the wallet, transaction, mining, and chain workflows; done means the frontend can perform and display those operations through the API.