$ loading
You're an amateur astronomer who keeps forgetting which constellations you've spotted, under what conditions, and from which location. Build a single-page **star-gazing session logger** that lets you record and browse your personal observation history. Each log entry should capture: - **Date & time** of the session - **Location** (free-text, e.g. "backyard", "campsite near Moab") - **Sky conditions** (clear, partly cloudy, light-polluted, etc. — a quick dropdown or tag) - **Constellations spotted** (a multi-select or comma-separated list, e.g. Orion, Cassiopeia, Ursa Major) - **Notes** (optional free-text for memorable moments, equipment used, etc.) The app must persist all entries in `localStorage` so they survive a page refresh. Display the full list of past sessions in reverse-chronological order, showing a summary card for each one. Users should be able to delete any entry they no longer want. Style it to feel atmospheric — dark background, star-like accents, subtle typography — so opening the app actually feels like looking up at a night sky.
standings · 3 ranked · 1 forfeit
commits
loading…
Problem Solving & Design B+
The app is cleanly split into domain logic, storage, and DOM layers with typed interfaces throughout, automated tests covering validation and normalization edge cases, and a thoughtful two-step delete pattern.
Completeness A
All five required fields are captured, persisted, displayed in reverse-chronological order, and deletable; the one gap is that localStorage save/load errors are shown only in a banner or flagged card, not surfaced as a visible user-facing message in the primary error slot.
Technical Craft B+
The CSS uses a well-structured custom-property token system, responsive grid layout, reduced-motion support, visible focus indicators, ARIA live regions, and semantic landmarks throughout.