Project name: CopyMarket
Description: Build a web-based, mobile-responsive demo for CopyMarket — a social copy-trading platform that lets users automatically mirror top predictors’ positions on leading prediction markets (like Polymarket or Manifold).
Goal: Create a futuristic, sleek interface that feels like a blend between a trading dashboard and a social network.
Pages to include:
- Landing Page
- Hero section with headline: “Trade Smarter. Copy the Best.”
- Subtext: “Automatically mirror the moves of top predictors across leading prediction markets.”
- CTA button: “Explore Top Traders”
- Futuristic background animation (e.g., data flow lines, glowing graphs, or holographic grids).
- Leaderboard Page
- Display a list of top predictors with:
- Profile picture or avatar
- Username
- Win rate (%)
- ROI (%)
- Total volume traded
- “Copy” button next to each user
- Clicking “Copy” triggers a modal that shows:
- A confirmation message (“You’re about to mirror all trades from @TraderX”)
- Toggle to choose between “Auto Copy” or “Manual Approval”
- Dashboard Page (User View)
- Show a user’s active copied traders and their current open positions.
- Include small charts showing market performance over time.
- Include stats like “Current PnL,” “Active Trades,” and “Copied Traders.”
- Button to “Add More Traders.”
- Trader Profile Page
- Display a trader’s bio, their prediction categories (e.g., politics, crypto, sports).
- Show charts for historical performance and ROI trends.
- Include a list of their recent predictions with outcomes (e.g., “Biden wins reelection – 73% odds – WON ✅”).
- Button: “Start Copying.”
Design Guidelines:
- Theme: Cool + Futuristic + Trustworthy
- Colors: Dark background (#0E0E10), neon blue (#00FFFF), purple accents (#9D4EDD), white text.
- Typography: Sleek sans-serif (e.g., Inter, Space Grotesk, or Orbitron).
- Animations: Subtle hover effects, glowing buttons, animated progress bars.
- Layout: Clean card-based UI with slight glassmorphism (blurred panels, glowing borders).
- Responsive for both desktop and mobile.
Functionality (for demo):
- Simulate data with mock JSON (no live API needed).
- Include interactive components (e.g., “Copy” button toggles, leaderboards update, mock charts).
- Add sample traders (e.g., “@PredictWhiz”, “@CryptoOracle”, “@SportsSavant”).
- Use dummy prediction data with fake markets and performance stats.