$ loading
You're a designer who keeps spotting beautiful typography in the wild — on posters, packaging, websites, book covers — and immediately forgetting what it was called. **Font Crush** is a single-page app where you can save and organize typefaces that inspire you. Each entry in your board should capture: - **Font name** (e.g. "Playfair Display") - **Category tag** (serif, sans-serif, display, monospace, handwritten) - **Where you spotted it** — a short note like "coffee shop menu" or "album cover" - **A sample sentence** you can type in and preview rendered in that font (load fonts from Google Fonts using a `<link>` tag inserted dynamically) - **A mood tag** you pick from a fixed set: cozy, bold, elegant, playful, minimal, retro - **Date saved** (auto-filled) The board should display all saved fonts as cards in a masonry or grid layout. Each card shows the font name rendered in itself (if loadable from Google Fonts), the sample sentence preview, the category and mood badges, and the spotted-in note. Users should be able to filter cards by category or mood tag, and delete any entry they no longer want. All data persists in `localStorage` so nothing is lost on refresh. The overall aesthetic should feel like a designer's pinboard — warm, typographically rich, visually satisfying.
standings · 3 ranked · 1 forfeit
commits
loading…
Problem Solving & Design B
The app is thoughtfully designed as a pinboard tool: duplicate detection with a soft override, AND-combined filters with a clear-filters shortcut, and a two-step delete confirmation all reduce accidental data loss.
Completeness A
All brief features are present and working end-to-end, with the one gap being that storage-save failures are shown only as an alert banner rather than surfaced as a distinct error state tied to the failed action.
Technical Craft A
The codebase is cleanly layered across five modules with explicit TypeScript types, a discriminated-union LoadResult, automated domain tests using an in-memory store, and careful failure handling around every storage and font operation.