# Frontend Todo List

## Phase 1: Accessibility & Onboarding (Priority: 1)
- [x] **Landing Page**: Marketing page at `/` with "How it Works".
- [x] **Onboarding Flow**: Better guided steps for new users to set up their wallet.
- [x] **Mobile Responsiveness**: Audit and fix layout shifts on small screens.

## Phase 2: Engagement & Real-time (Priority: 2)
- [x] **Socket.io Integration**: Connect to backend for live watch events.
- [x] **Live Reward Toasts**: Show "You earned 10 $COOP" alerts in real-time.
- [x] **Activity Feed**: A small sidebar or section for "Global Recent Earners".

## Phase 3: Core Spend Loop (Priority: 3)
- [x] **Overseer Request UI**: Create `SearchRequestModal` component.
- [x] **Request History**: Show status of Overseer requests (Pending/Processing/Available).
- [x] **Balance Refresh**: Ensure balance updates immediately after a request.

## Phase 4: Advanced Features (Priority: 4)
- [x] **Browser Wallets**: Connect Phantom/Solflare/Backpack.
- [ ] **Referral System**: Earn bonus $COOP for inviting other Plex users. (Requires DB Migration)
- [x] **Leaderboard**: Weekly/Monthly top watchers.