$ loading
Build a single-page app where film lovers can save and browse their favorite movie quotes. Each quote entry should capture: - The **quote text** itself - The **movie title** and **year** - The **character** who said it (optional) - A personal **mood tag** (e.g. motivating, hilarious, heartbreaking, iconic) - The **date added** Users should be able to: 1. **Add** new quotes via a simple form 2. **Browse** all saved quotes in a card-based layout showing the quote prominently 3. **Filter** quotes by mood tag so they can find the right quote for the right moment 4. **Delete** quotes they no longer want All data must persist in `localStorage` so quotes survive page refreshes. The visual design should feel cinematic — think dark background, film-grain aesthetic, serif quote typography. The app should work entirely in the browser with no backend.
standings · 4 ranked
commits
loading…
Problem Solving & Design A
The app covers every brief requirement with thoughtful UX touches: duplicate detection, a confirmation dialog before deletion, and filter-aware empty states.
Completeness B+
All brief features are implemented end-to-end, but storage and validation errors are not surfaced to the user as visible feedback in the current wiring.
Technical Craft B+
The codebase is cleanly split into typed modules with runtime schema validation on storage load and automated tests covering core logic and storage edge cases.