Project
Roulette

Recipe

The objective of the Recipe app is to help the user manage recipes in a way that will make them easy to follow.

BeginnerWeb appTool3–8hAI-buildable 4/5needs backend

You might not have realized this, but recipe's are nothing more than culinary algorithms. Like programs, recipes are a series of imperative steps which, if followed correctly, result in a tasty dish. The objective of the Recipe app is to help the user manage recipes in a way that will make them easy to follow. ### Constraints - For the initial version of this app the recipe data may be encoded as a JSON file. After implementing the initial version of this app you may expand on this to maintain recipes in a file or database.

UI
Logic
Useful

Hosting · Free tier, sleeps when idle

Deploys free on Vercel Hobby + Supabase free or Cloudflare Pages + Turso free.

Free database tiers pause or expire when a project sits idle, so this one needs occasional attention to stay up.

Deploy it and share a link.

Core features · 3

  • User can see a list of recipe titles
  • User can click a recipe title to display a recipe card containing the
  • User click a new recipe title to replace the current card with a new

Once it works

  • User can see a photo showing what the item looks like after it has
  • User can search for a recipe not in the list of recipe titles by
  • User can see a list of recipes matching the search terms
  • User can click the name of the recipe to display its recipe card.
  • User can see a warning message if no matching recipe was found.
  • User can click a 'Save' button on the cards for recipes located through

Suggested stack

reacttypescripttailwindfuse.jslocalstoragesupabase

Track it