venus-trading

byNk Banger

Create an advanced trading and investment platform

Landing
Landing

Comments (0)

No comments yet. Be the first!

Project Tasks24

#1

Implement Theme & Structure

To Do

As a user I want to experience a consistent visual theme and structure across all pages so that the app looks and feels like a professional trading platform. This task involves applying the Venus-Trading color palette (#F5F7FA background, #FFFFFF surface, #1A1A1A text, #0077B6 accent, #A6A6A6 muted) as CSS design tokens globally, setting up the Inter font family, establishing shared layout components (Navbar, Footer, sidebar), and removing any scaffold pages not present in the defined page list (home, login, signup, welcome, dashboard/overview, dashboard/ai-assistant, dashboard/settings that do not align with the new structure). This task must be completed before all other frontend page tasks.

AI 80%
Human 20%
High Priority
2 days
AI Credits:6
Frontend Developer
#6

Build Markets Page

To Do

As a guest or logged-in user I want to browse live asset prices on the Markets page so that I can identify trading opportunities across stocks, crypto, and forex. Implement a filterable/searchable asset list with columns: asset name, price (INR), 24h change %, chart sparkline, and a 'Trade' CTA linking to /Trade. Tabs for Stocks, Crypto, Forex, Commodities. Guest users see demo data; authenticated users see live data. Flows from /Landing and /Dashboard.

Depends on:#1
Waiting for dependencies
AI 80%
Human 20%
High Priority
2 days
AI Credits:7
Frontend Developer
#11

Build Learn Page

To Do

As a user or guest I want to access educational resources on the Learn page so that I can improve my trading knowledge. Implement a content hub with course cards (title, difficulty badge, duration, progress bar for logged-in users), category filters (Basics, Crypto, Forex, Technical Analysis, Tax & Compliance), featured article banner, and video lesson previews. Guest users see intro content only. Links from /Landing and /Dashboard.

Depends on:#1
Waiting for dependencies
AI 82%
Human 18%
Medium Priority
2 days
AI Credits:6
Frontend Developer
#3

Build Login Page

To Do

As a user I want to sign in securely via the Login page so that I can access my dashboard and trading tools. Implement the Login page with email/password fields, 'Forgot Password' link, social login options, error handling, and a link to /Signup. On success, redirect Admin users to /Admin Dashboard and regular users to /Dashboard. Apply Venus-Trading theme tokens.

Depends on:#1
Waiting for dependencies
AI 85%
Human 15%
High Priority
1 day
AI Credits:5
Frontend Developer
#2

Build Landing Page

To Do

As a guest user I want to browse the Venus-Trading platform landing page so that I can explore features, view live market teasers, and navigate to Signup or Login. Implement the Landing page based on the existing JSX design (v2) which includes: NavBar (sticky, galaxy-aware), Hero (animated galaxy particle canvas, 'Trade the Universe' headline, dual CTAs), GalaxyExplorer (interactive star-map), TrustBadges (marquee), AssetClasses (4-col card grid), PlatformFeatures (alternating showcase), LiveMarketTicker (#0077B6 bg), HowItWorks (4-step flow), UserPersonas (3-col cards), Testimonials, CallToAction (dark gradient), and Footer. Links flow to: /Markets, /Learn, /Signup, /Login.

Depends on:#1
Waiting for dependencies
AI 92%
Human 8%
High Priority
3 days
AI Credits:9
Frontend Developer
#4

Build Signup Page

To Do

As an individual investor I want to register on the Signup page so that I can create a Venus-Trading account and start investing. Implement the Signup page with fields for name, email, phone, password, and account type selection (Individual Investor, Professional Trader, Institutional Client). Include terms acceptance, KYC intro messaging, and a link to /Login. On success, redirect to /Dashboard.

Depends on:#1
Waiting for dependencies
AI 85%
Human 15%
High Priority
1 day
AI Credits:5
Frontend Developer
#13

Build Admin Dashboard Page

To Do

As an admin I want to view platform-wide activity on the Admin Dashboard so that I can monitor users, transactions, and compliance in real time. Implement KPI cards (active users, daily volume, pending withdrawals, flagged accounts), activity feed, quick-links to /Users, /Withdrawals, /Reports, /Compliance, and a platform health status widget. Accessible only to Admin role after login.

Depends on:#1#3
Waiting for dependencies
AI 80%
Human 20%
High Priority
2 days
AI Credits:7
Frontend Developer
#18

Implement Auth & User API

To Do

As a user I want to use backend APIs for registration, login, JWT token management, and role-based access control so that my account is secure and properly permissioned. Implement FastAPI endpoints: POST /auth/register, POST /auth/login, POST /auth/refresh, POST /auth/logout, GET /users/me, PATCH /users/me. Include email verification flow, password hashing (bcrypt), and JWT with role claims (user/admin). Store in MySQL.

Depends on:#3#4
Waiting for dependencies
AI 85%
Human 15%
High Priority
2 days
AI Credits:7
Backend Developer
#5

Build Dashboard Page

To Do

As a user I want to view my portfolio overview and key stats on the Dashboard page so that I can monitor my investments at a glance. Implement the Dashboard page with: portfolio summary cards (total value, P&L, day change), recent trades table, quick-access tiles to /Markets, /Trade, /Wallet, /Learn, /Portfolio, and /Charts. Support both Individual Investor (simplified view) and Professional Trader (analytics-heavy view) layouts. Apply Venus-Trading surface cards and accent tokens.

Depends on:#1#3
Waiting for dependencies
AI 82%
Human 18%
High Priority
2 days
AI Credits:7
Frontend Developer
#10

Build Charts Page

To Do

As a professional trader I want to analyze market data on the Charts page so that I can make informed trading decisions using advanced charting tools. Implement full-screen candlestick/OHLC charts with TradingView-style toolbar, timeframe selector (1m, 5m, 1h, 1D, 1W), technical indicators panel (RSI, MACD, Bollinger Bands), drawing tools, and asset search. Links from /Dashboard; 'Trade' button routes to /Trade with pre-selected asset.

Depends on:#1#5
Waiting for dependencies
AI 80%
Human 20%
High Priority
3 days
AI Credits:9
Frontend Developer
#15

Build Withdrawals Admin Page

To Do

As an admin I want to review and action withdrawal requests on the Withdrawals page so that I can approve or reject user fund requests in compliance with platform policies. Implement a queue table (user, amount, bank details, requested date, status), approve/reject buttons with reason modal, bulk action support, and status filter tabs (Pending, Approved, Rejected). Links from /Admin Dashboard.

Depends on:#1#13
Waiting for dependencies
AI 80%
Human 20%
High Priority
2 days
AI Credits:6
Frontend Developer
#16

Build Reports Admin Page

To Do

As an admin or institutional client I want to generate and view reports on the Reports page so that I can analyze platform usage, financial transactions, and compliance metrics. Implement report type selector (User Activity, Transaction Volume, P&L Summary, Compliance Audit), date range picker, export to CSV/PDF, and an embedded data table with charts. Links from /Admin Dashboard and /Portfolio.

Depends on:#1#13
Waiting for dependencies
AI 78%
Human 22%
Medium Priority
2 days
AI Credits:6
Frontend Developer
#12

Build API Settings Page

To Do

As a professional trader or institutional client I want to manage API keys on the API Settings page so that I can integrate Venus-Trading with external tools and algorithms. Implement API key generation, key list with name/created date/permissions/last-used, revoke button, IP whitelist input, usage stats chart, and documentation link. Links from /Dashboard.

Depends on:#5#1
Waiting for dependencies
AI 80%
Human 20%
Medium Priority
2 days
AI Credits:6
Frontend Developer
#7

Build Trade Page

To Do

As a user I want to place buy/sell orders on the Trade page so that I can execute trades across stocks, crypto, and forex. Implement order form (market/limit/stop-loss), asset selector, quantity/price inputs, order preview, and confirmation modal. Show current asset price, balance available, and estimated fee. Support bulk order entry for Institutional Clients. Links from /Markets and /Dashboard; on success routes to /Portfolio.

Depends on:#5#1
Waiting for dependencies
AI 78%
Human 22%
High Priority
3 days
AI Credits:8
Frontend Developer
#8

Build Portfolio Page

To Do

As a user I want to manage and track my holdings on the Portfolio page so that I can monitor positions, P&L, and asset allocation. Implement holdings table (asset, qty, avg cost, current price, P&L %), allocation pie chart, historical value line chart, and filter by asset class. For Institutional Clients show aggregate holdings across sub-accounts. Links from /Trade and /Dashboard.

Depends on:#1#5
Waiting for dependencies
AI 80%
Human 20%
High Priority
2 days
AI Credits:7
Frontend Developer
#14

Build Users Admin Page

To Do

As an admin I want to manage user accounts on the Users page so that I can view, edit, suspend, or delete user accounts and adjust permissions. Implement a searchable/filterable user table (name, email, account type, KYC status, balance, joined date), user detail drawer/modal with edit form, role assignment dropdown, and account suspend/activate toggle. Links from /Admin Dashboard.

Depends on:#13#1
Waiting for dependencies
AI 80%
Human 20%
High Priority
2 days
AI Credits:7
Frontend Developer
#9

Build Wallet Page

To Do

As a user I want to deposit and withdraw funds via the Wallet page so that I can manage my trading capital in INR and other currencies. Implement balance summary, deposit flow (UPI/NEFT/bank transfer), withdrawal request form, transaction history table, and pending status tracker. Admin approval flow for withdrawals. Links from /Dashboard; withdrawal requests appear in /Withdrawals for admins.

Depends on:#5#1
Waiting for dependencies
AI 78%
Human 22%
High Priority
2 days
AI Credits:7
Frontend Developer
#17

Build Compliance Admin Page

To Do

As an admin I want to monitor regulatory compliance on the Compliance page so that I can ensure the platform adheres to SEBI and RBI regulations. Implement a compliance dashboard with flagged transaction alerts, KYC verification queue (approve/reject with document preview), AML risk score display, regulatory checklist status, and audit log viewer. Links from /Admin Dashboard.

Depends on:#13#1
Waiting for dependencies
AI 75%
Human 25%
Medium Priority
2 days
AI Credits:6
Frontend Developer
#21

Implement Wallet & Funds API

To Do

As a user I want to use backend APIs for wallet management, deposits, and withdrawal requests so that I can safely move funds in and out of my account. Implement FastAPI endpoints: GET /wallet/balance, POST /wallet/deposit, POST /wallet/withdraw, GET /wallet/transactions. Include INR payment gateway stub (UPI/NEFT), withdrawal request queuing for admin approval, and transaction ledger in MySQL.

Depends on:#9#18
Waiting for dependencies
AI 80%
Human 20%
High Priority
2 days
AI Credits:7
Backend Developer
#19

Implement Market Data API

To Do

As a user I want to use backend APIs for real-time and historical market data so that the Markets, Charts, and Dashboard pages display accurate prices. Implement FastAPI endpoints: GET /markets/assets, GET /markets/price/{symbol}, GET /markets/history/{symbol}, GET /markets/ticker (WebSocket). Integrate with an external data provider (e.g., Alpha Vantage or NSE API), cache in Redis, and serve via WebSocket for live updates.

Depends on:#6#10
Waiting for dependencies
AI 82%
Human 18%
High Priority
3 days
AI Credits:8
Backend Developer
#23

Implement Admin Management API

To Do

As an admin I want to use backend APIs for user management, withdrawal approval, reports, and compliance so that I can operate the platform effectively. Implement FastAPI endpoints: GET /admin/users, PATCH /admin/users/{id}, DELETE /admin/users/{id}, GET /admin/withdrawals, PATCH /admin/withdrawals/{id}/approve, PATCH /admin/withdrawals/{id}/reject, GET /admin/reports, GET /admin/compliance/flags. Protect all routes with admin-role JWT guard.

Depends on:#13#17#15#16#18#14
Waiting for dependencies
AI 82%
Human 18%
High Priority
3 days
AI Credits:8
Backend Developer
#24

Implement API Keys Management

To Do

As a professional trader or institutional client I want to use backend APIs to generate and manage API keys so that I can programmatically access Venus-Trading data and execute trades. Implement FastAPI endpoints: POST /api-keys, GET /api-keys, DELETE /api-keys/{id}, with scopes (read/trade), IP whitelist validation, usage logging in MongoDB, and rate limiting per key.

Depends on:#12#18
Waiting for dependencies
AI 82%
Human 18%
Medium Priority
2 days
AI Credits:6
Backend Developer
#20

Implement Trading Engine API

To Do

As a user I want to use backend APIs to place and manage orders so that my trades are executed accurately and recorded. Implement FastAPI endpoints: POST /trade/order, GET /trade/orders, DELETE /trade/order/{id}, GET /trade/order/{id}/status. Support market, limit, and stop-loss order types. Validate balance before execution, deduct/credit accordingly, and emit order status via WebSocket. Store trades in MySQL.

Depends on:#19#7#18
Waiting for dependencies
AI 80%
Human 20%
High Priority
3 days
AI Credits:9
Backend Developer
#22

Implement Portfolio API

To Do

As a user I want to use backend APIs for portfolio data so that the Portfolio page shows accurate holdings, allocation, and P&L. Implement FastAPI endpoints: GET /portfolio/holdings, GET /portfolio/summary, GET /portfolio/history. Compute P&L using average cost basis, current market price from market data service, and aggregate by asset class. Support institutional sub-account rollups.

Depends on:#8#20#18
Waiting for dependencies
AI 82%
Human 18%
High Priority
2 days
AI Credits:7
Backend Developer
Landing design preview
Login: Sign In
Admin Dashboard: View Activity
Users: Manage Accounts
Withdrawals: Review Requests
Withdrawals: Approve Request
Reports: Generate Reports
Compliance: Monitor Platform