Make This Tonight

Onboarding screen
Home/Plan screen
Adding a new recipe modal (free user)
Adding a new recipe with a link
Adding a new recipe loading screen
Cookbook screen
Cookbook filtering options
Recipe details screen
Recipe "make/cook" mode - step by step cooking instructions
Recipe details, menu actions
Setting number of servings during add to grocery list operation
Grocery list screen
Paywall for Pro subscription (RevenueCat)
Recipe suggestions

Inspiration

My wife loves to cook. It's her passion. She also loves to be organized and to plan ahead. However it takes a long time for her to plan all the meals out for the whole week, so I want to help her by building this app.

What it does

Make This Tonight helps you add recipes, plan your meals and create grocery list. It makes cooking easier and more fun.

How we built it

I've built it with Expo for future cross platform support. Backend is Supabase + Gemini AI models for recipe extractions. I've started of with a basic working concept for adding recipes and viewing them. After that I added the Planing section and Recipe suggestions. Grocery followed last. In between was looking for different sources of inspiration for the UI design.

Challenges we ran into

Extracting recipes using AI sounds easy on the surface, but there are numerous challenges involved, one particular is the ingredients quantities. When adding multiple recipes to the grocery list the app needs to be clever around how it'll merge the quantities from different recipes which are labeled differently (eg: same ingredient may have: 1 tbs + 1 tablespoon + 20g).

Accomplishments that we're proud of

It turned out quite nice, I'm proud of the design and UX, although there is a lot more to polish. Also porud of my wife that she helped me out on the video brief