(09) ProjectWeb3

Blockchain Investment App

Users connect MetaMask to deposit, withdraw and track returns. Admins approve withdrawals and set monthly returns.

Role
Frontend developer
Context
Web3
Stack
React, TypeScript, Material UI, web3
User dashboard with balance cards, a monthly deposits and withdrawals chart and recent transactions
(01)Overview

Overview

A blockchain-based investment platform with a public landing page and separate dashboards for users and admins.

Users connect their MetaMask wallet to invest, track their returns and request withdrawals. Admins approve withdrawals and manage returns.

(02)Landing page

Landing page

  1. 01

    Home

    Explains the platform, its investment options and the benefits of blockchain-secured transactions.

  2. 02

    About, contact & news

    Company background, a contact form, and a news feed covering blockchain, finance and markets.

(03)User dashboard

User dashboard

  1. 01

    Wallet connection

    Connect a MetaMask wallet to manage funds inside the app.

  2. 02

    Portfolio stats

    Account balance, total deposited, monthly returns and total returns.

  3. 03

    Deposits & withdrawals

    Invest more funds, or submit withdrawal requests for admin approval.

(04)Admin dashboard

Admin dashboard

  1. 01

    Overview

    Total users, combined balance, total deposits and withdrawals, and a monthly chart of both.

  2. 02

    Withdrawal approvals

    Approve or reject user withdrawal requests.

  3. 03

    Transactions

    A full, timestamped history of every deposit and withdrawal.

  4. 04

    Monthly returns

    At month end, the admin applies a return percentage to all balances based on the platform's revenue.

  5. 05

    User management

    A paginated user table with each user's profile and investment history.