PatchHub

patchhub / recipe-box Public

Keep your favorite recipes in one place

README.md

🍲 Recipe Box

A simple recipe box that runs in your web browser. Save your favourite recipes with their ingredients and steps, then browse, search and filter them whenever you need them. It comes with three example recipes so you can see how it works.

Everything is in one file (index.html). There's nothing to install, and it works without an internet connection.

How to start it

  1. Download or copy index.html to your computer.
  2. Double-click it. It opens in your web browser (Chrome, Firefox, Edge, Safari, etc.).

That's it.

What you can do

  • Add a recipe: click + Add recipe, then fill in the name, ingredients (one per line) and steps (one per line). Servings, time, description and tags are optional.
  • Browse: all your recipes are shown as cards, sorted A to Z. Click one to open it.
  • Search: type in the search box at the top. It looks through recipe names, descriptions, tags, ingredients and steps.
  • Filter by tag: click a tag (like "dinner" or "vegetarian") above the list.
  • While cooking: tick off ingredients as you gather them.
  • Edit, delete or print a recipe using the buttons at the top of the recipe.

Where are my recipes saved?

Your recipes are saved inside your web browser on this computer ("local storage"). Nothing is sent anywhere. Please keep in mind:

  • Recipes are only on this computer, in this browser. Opening the file in a different browser or on another computer shows a separate recipe box.
  • Clearing your browser's history or site data may erase your recipes.
  • Private or incognito windows usually don't keep anything after you close them.

If you delete every recipe, the empty recipe box has a link that brings the three example recipes back.