What To Cook?

Feeling inspired to cook but don't know what to cook? We got you covered!

Features

• Recipe Query Search
• Random Recipe Suggestions
• Saved/Favourites List
• Meal Planner with Note-taking

Technologies Used

• React.js
• Airtable
• Docker
• Tailwind CSS

Wireframe

Screenshots

Main Page - Search Page

Search query returns results of different recipes

Random Page - 2 random suggestions will be presented by default

10 more suggestions will be presented by

Each food recipe has detailed steps and ingredients required. Can be saved into a list.

Saved list - can be deleted, or added into meal planner

Meal Planner - save up to 7 to plan meals for the week. Notes can be added to each item too.

Next Steps

- A menu to filter cuisine types, ingredients, etc. for the main search

- Revamp the look of the app