VibeDev

Houseplant Fertilizer Dose Calculator

revealed

rookie duelid xoa4tqs6

match complete

Build a single-page web app that helps houseplant owners figure out exactly how much liquid fertilizer to add to their watering can.

The user inputs:
- **Fertilizer concentration** (e.g., the label says "5 mL per 1 L of water")
- **Watering can size** in liters or gallons (toggle between units)
- **Dilution strength** they want: Full, Half, or Quarter dose (radio buttons or segmented control)

The app instantly calculates and displays the exact amount of fertilizer concentrate to add (in mL and teaspoons), shown in a large, clear result panel.

Also include a simple **Fertilizer Log** section below: a small list where the user can record past feedings by typing a plant name and clicking "Log Feed Today" — each entry shows the plant name and today's date. Entries persist in `localStorage` so they survive a page refresh. The user can delete individual log entries with a trash icon.

The entire experience lives on one page with no backend, no login, and no external API calls.

standings · 2 ranked

some placements were decided by tiebreak · see rubric

@libra2694

live demo

final score

69/100

Problem Solving & DesignB

CompletenessB+

Technical CraftB

commits

loading…

judge notes

Problem Solving & Design B

The calculator is well-structured with clear inputs, a prominent result panel, preset shortcuts, and a tidy feeding log that covers the full brief.

Completeness B+

All core calculator and log features are present and functional, but validation errors are shown only in a hidden field-error div that is never made visible to the user on failure paths.

Technical Craft B

The codebase is cleanly split into modules with TypeScript type definitions and named functions throughout, but the in-browser test suite runs in the page rather than as a machine-executable test run.