Recipe Box

A friend running a climate and sustainable living startup asked me to rethink the recipe format for their sustainable dishes section. The problem was straightforward: cooking from a screen means constant scrolling, and once you are in the procedure the quantities have been left behind in the ingredient list

The format combines everything into a single continuous experience. Serving size adjusts all quantities dynamically. The shopping list and mise en place double as checklists. Quantities are woven directly into the procedure narrative, so if you have not pre-portioned everything beforehand, you are not hunting back up the page.

Recipe ingestion and parsing runs through the Claude API, which accepts either a URL or raw text and structures it into the format automatically. The design is mine. The build was vibe-coded with Claude Code.