TehRiehlDeal/movieloop-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
0ceb2fac12daefa1a9cbc1c907d0e67f1bee02f2
movieloop-frontend/TODO.md
T
TehRiehlDeal 0ceb2fac12 Initial commit
2026-03-09 15:03:08 -07:00

2.3 KiB
Raw Blame History

Frontend TODO

Phase 1 — MVP (Prototype)

  • Set up TMDB API client with axios (api key handling, base URL, interceptors)
  • Build debounced autocomplete search component (actors and movies)
  • Create movie card component (poster, title, year)
  • Create actor card component (photo, name)
  • Build chain builder UI (alternating actor/movie input)
  • Implement real-time TMDB validation for each link
  • Create basic chain visualization (list or simple node graph)
  • Implement game state store with Zustand (chain, current step, validation)
  • Build Home page with "Start Game" flow
  • Build Game page with chain builder and visualization
  • Support hardcoded or randomly selected movie pairs
  • Basic score calculation (base + chain length bonus)
  • Display score on completion

Phase 2 — Scoring & Polish

  • Full scoring system (time bonus, obscurity bonus, duplicate penalties)
  • Timer component with visual countdown
  • Animated chain display with CSS slide-in, glow, and confetti
  • Movie poster and actor photo nodes in the chain display
  • Undo functionality (step back one link)
  • Hint system (reveal 3 random actors from a movie's cast)
  • Sound effects (valid link, invalid attempt, completion)
  • Celebration animation on loop completion
  • Score breakdown summary screen
  • Mobile-responsive design pass
  • Error handling and edge case coverage
  • Loading states and skeleton screens

Phase 3 — Daily Challenge & Social

  • Daily Challenge page (fetches today's puzzle from backend)
  • Shareable results card (text-based summary for social media)
  • Streak tracking UI (consecutive days played)
  • Personal stats and history (local storage + backend sync)
  • Leaderboard page (daily, weekly, all-time)
  • SEO and Open Graph meta tags
  • Login/signup pages (connect to backend auth)
  • Profile page (stats, streaks, history)

Phase 4 — Multiplayer & Expansion

  • Versus mode UI (real-time or async)
  • Difficulty tier selection on Home page
  • User profile page with persistent data
  • Global leaderboards (daily, weekly, all-time tabs)
  • Achievement/badge system UI
  • Endless/practice mode with genre and decade filters
  • Accessibility improvements (keyboard nav, screen reader, ARIA)
  • Themed weeks/events UI
Reference in New Issue View Git Blame Copy Permalink