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

Open the project

/play/chto-prigotovit/index.html
New tab

Tick the ingredients you have at home — the recipe matching works right inside the frame.

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

  • 108 recipes and 215 products in a catalogue across 14 sections, each product with its own nutrition figures
  • 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