Frontend Implementation
React SPA with domain-based routing, i18n support (EN/RU), and platform-specific theming.
Implementation Status
| Module | Pages | Components | Status |
|---|---|---|---|
| Landing | 1 | 1 | ✅ Complete |
| Auth | 5 | 2 | ✅ Complete (i18n, themed) |
| Investment | 12 | 9 | ✅ Complete (external provider support) |
| Commerce | 12 | 9 | ✅ Complete |
| Partner | 8 | 10 | ✅ Complete |
| Admin | 8 | 9 | ✅ Complete |
| Profile | 4 | 5 | ✅ Complete |
Total: 50+ pages, 45+ components, 12 layouts
View Prototypes
Open Prototype Gallery - Browse all 48 static HTML prototypes
Platform Architecture
The IWM Platform consists of 4 separate websites, each with its own navigation and user experience:
Key Concepts
User Roles
| Role | Website | Description |
|---|---|---|
| Investor | IWM Invest | Browses strategies, invests, tracks portfolio |
| Buyer | IWM Shop | Browses products, makes purchases, tracks orders |
| Partner | IWM Partner | Creates referral links, earns commissions from referred users |
| Admin | IWM Admin | Manages users, reviews KYC, handles financial operations |
Important Distinction
- Users (Buyers/Investors) = Perform actions (buy/invest). They do NOT earn points or commissions.
- Partners (MLM Members) = Create referral links, bring users to platforms, earn career points and commissions from those users' actions.
All Prototype Pages (48 total)
Authentication (5 pages)
Shared Profile (4 pages)
IWM Invest - Investment Website (12 pages)
- Browse: Strategy Listing | Strategy Detail
- Wizard: Step 1: Info | Step 2: Amount | Step 3: Documents | Step 4: KYC | Step 5: Payment | Step 6: Confirm
- Portfolio: My Portfolio | Investment Detail | Withdrawal
- Account: My Account
IWM Shop - Commerce Website (12 pages)
- Browse: Product Catalog | Category | Product Detail
- Cart: Shopping Cart
- Checkout: Step 1: Review | Step 2: Shipping | Step 3: Method | Step 4: Payment
- Orders: Order History | Order Detail | Return Request
- Account: My Account
IWM Partner - MLM Dashboard (7 pages)
- Enrollment | Dashboard | Referral Links | My Team | Commissions | Rank Progress | Payouts
IWM Admin - Admin Panel (8 pages)
- Dashboard | User Management | User Detail | KYC Queue | KYC Review | Commissions | Payouts | Reports
User Flows
Investment Flow (IWM Invest)
Shopping Flow (IWM Shop)
Partner Flow (IWM Partner)
Tech Stack
| Component | Technology |
|---|---|
| Framework | React 18 + TypeScript |
| Build | Vite 5 |
| Styling | TailwindCSS 3.4 |
| State | Zustand |
| Routing | React Router 6 |
| i18n | react-i18next (EN/RU) |
| Icons | Lucide React |
| UI Library | @iwm/ui-components (27 components) |
Prototypes (Reference)
| Component | Technology |
|---|---|
| CSS Framework | Bootstrap 5.3.3 |
| Icons | Bootstrap Icons |
| Interactivity | Static HTML (links only) |
Navigation Structure
Each website has its own standalone navigation:
| Website | Brand | Navigation Items |
|---|---|---|
| IWM Invest | IWM Invest | Strategies, My Portfolio, My Account |
| IWM Shop | IWM Shop | Shop, Cart, My Account, My Orders |
| IWM Partner | IWM Partner | Dashboard, Referrals, Team, Commissions, Ranks, Payouts |
| IWM Admin | IWM Admin | Dashboard, Users, KYC, Commissions, Payouts, Reports |