Investment Web App

Project Overview

This investment web application was developed using React with TypeScript (TSX) and blockchain technology to create a secure, user-friendly platform for managing investments. The app features both a public-facing landing page and separate user and admin dashboards, enabling users to connect their wallets, view their balances, invest, and withdraw, while providing admins with comprehensive management tools.

Landing Page

• Home: An engaging landing page showcasing the platform's unique value proposition, investment options, and benefits of blockchain integration for secure transactions.
• About Us: Details about the company’s mission, investment philosophy, and the team behind the platform.
• Contact Us: A contact form and contact details to help users reach out for support or inquiries.
• News: An updated section displaying recent news related to blockchain, finance, and market insights, providing users with valuable context and updates.

User Panel

Wallet Connection: Seamless integration with MetaMask, allowing users to securely connect their wallets and manage their funds within the app.

• Account Balance: The user's current balance in their connected wallet.
• Total Deposited: The total amount invested by the user.
• Monthly Returns: Real-time calculation of monthly returns based on the invested amount.
• Total Returns: Cumulative earnings since the beginning of the investment.
• Deposit Window: A deposit section where users can invest additional funds into the platform.
• Withdraw Window: Allows users to submit withdrawal requests to access their balance, pending admin approval.

Admin Panel

Dashboard: A comprehensive overview providing metrics such as

• Total Users: The total count of registered users.
• Total Balance: The combined total balance of all user accounts.
• Total Deposits and Withdrawals: Aggregate values for deposited and withdrawn amounts across all users.
• Monthly Deposits & Withdrawals Graph: Visual representation of monthly deposit and withdrawal trends.
• Withdraw Approvals: A dedicated page for approving or rejecting user withdrawal requests, providing secure oversight and manual validation.
• Transactions Page: A full transaction history, displaying all deposits and withdrawals made by users, with timestamped records for transparency.
• Investment Percentage Adjustment: At the end of each month, the admin can add a percentage return to all users' investment balances. This percentage is dynamically calculated based on the admin’s earned revenue, ensuring a fair return distribution.
• User Management: A paginated table listing all registered users, with access to user profiles and investment histories, allowing the admin to manage and review individual accounts.

Technologies Used

• Frontend: React with TypeScript (TSX) for component-based, type-safe development.
• Blockchain Integration: MetaMask for wallet connectivity and blockchain transactions.
• Data Visualization: Graphical representation of financial data for both users and admin to track and analyze investments and returns.