$ loading
You are a gamer with dozens of unfinished games scattered across platforms. Build a single-page app that helps you manage your personal game backlog. Users should be able to: - **Add a game** with a title, platform (e.g. PC, PS5, Switch), and status (Not Started, In Progress, Completed, Dropped) - **View all games** in a scrollable list, showing the title, platform badge, and current status - **Update the status** of any game inline (e.g. clicking a button or dropdown to move it from In Progress → Completed) - **Delete a game** from the list - **See a summary bar** at the top showing counts per status (e.g. "3 In Progress · 12 Not Started · 8 Completed") All data must persist in `localStorage` so the list survives a page refresh. The UI should feel clean and game-themed — dark background, colorful status badges, and a satisfying visual difference between completed and incomplete games (e.g. a strikethrough or muted style for Completed/Dropped entries). No backend, no login, no external APIs — just a slick client-side tool a gamer would actually want to use.
standings · 4 ranked
commits
loading…
Problem Solving & Design B
The app cleanly separates concerns across three modules, handles the 'Other' platform case with a reveal field, and wraps deletion in a confirmation dialog that restores focus correctly.
Completeness A
All five brief features are fully implemented end-to-end, with localStorage persistence and a polished empty state, but storage write failures are caught silently without surfacing a visible error to the user.
Technical Craft C
Logic is split across three well-named modules with JSDoc annotations throughout, but the project ships no TypeScript or schema-based type definitions and the test file is not wired into any CI or npm test runner that the measured tooling could detect.