Websites

What to Cook

Tick the products you have at home — the site shows what you can cook right now and what is missing.

Year
2026
Role
Sole author
  • JavaScript
  • HTML
  • CSS
  • Node.js

Gallery

About the project

A web app that matches recipes to what is in your fridge. The built file is fully self-contained: fonts, styles, script and the recipe database all live inside one HTML file — it works offline, you just open it in a browser. Your product list stays in the browser and is never sent anywhere.

What is inside

  • 93 recipes and 137 products in a catalogue across 12 categories
  • Substitutions: no bacon but you have ham — the recipe still comes together, with the swap flagged on the card
  • Search with autocomplete and synonyms: both "tomatoes" and the Russian "помидоры" resolve to the same entry
  • Your own recipes and products are added right on the site, with no file editing
  • Both languages in full, database included; the data keys stay Russian, so switching language never breaks what you saved
  • The build fails if anything is untranslated or the step counts diverge — the database cannot drift apart unnoticed