$ loading
Build a single-page calculator that helps home cooks figure out exactly how much salt to add to their pasta water. The user enters two inputs: the **amount of water** (in liters or quarts, togglable) and their **preferred saltiness level** (a 3-step selector: lightly salted, properly salted, or "restaurant style" salty). The app instantly displays the recommended grams and teaspoons of salt to add. Below the result, show a small visual cue — a simple color-coded water droplet or pot icon that shifts from pale blue → medium blue → deep blue based on the saltiness level chosen. The page should also display a fun one-liner tip about why salting pasta water matters (pick from 4–5 hardcoded tips that rotate each time the inputs change). No backend, no auth, no persistence required — just a clean, usable single-page widget a home cook could actually pull up on their phone while standing at the stove.
standings · 2 ranked
commits
loading…
Problem Solving & Design B+
The calculator goes well beyond the brief with grain-type equivalents, pot presets, a grain density guide, and a sticky output panel — all of which make it genuinely more useful for a home cook.
Completeness C
Core calculator features are fully implemented and working, but the app ships as two flat scripts with no module boundaries, no loading/empty states, and no user-visible error surfacing beyond validation messages.
Technical Craft C
The craft is strong — accessible markup, a coherent CSS custom-property system, a tested pure calculation module, and responsive layout — with the main gap being the absence of TypeScript or JSDoc type definitions beyond a single @ts-check comment.