$ loading
You're a hobbyist aquarium keeper who wants to track every fish, shrimp, snail, and plant living in your tank. Build a single-page app that lets you log each aquarium inhabitant with a name, species, date added, tank section (e.g. "top", "mid", "bottom", "substrate"), a health status (Healthy / Sick / Deceased), and optional notes. The app should display all inhabitants in a visually distinct card grid, with each card showing the creature's name, species, tank section as a color-coded badge, and health status with an icon (e.g. 💚 / 🤒 / 💀). Users must be able to add new entries via an inline form, edit any existing entry in place, and delete entries with a single confirmation click. All data persists in `localStorage` so the log survives page refreshes. Include a small summary bar at the top showing the total count of inhabitants broken down by health status — e.g. "12 total · 10 healthy · 1 sick · 1 deceased". The layout should be clean, readable, and functional with no backend required.
standings · 4 ranked
commits
loading…
Problem Solving & Design B+
The design is well-considered: card backgrounds shift for sick and deceased inhabitants, section badges carry distinct colors, health icons are clear, and the summary bar provides an at-a-glance breakdown that also acts as a filter.
Completeness B+
The app implements every required feature — card grid, inline add/edit/delete with confirmation, color-coded badges, health icons, summary bar, and localStorage persistence — with thoughtful seed data and filter chips as a bonus.
Technical Craft C
The codebase is cleanly split into four focused modules, uses named functions throughout, validates input server-side-style before mutating state, and handles localStorage errors gracefully — though it has no type definitions or automated tests.