Cookaroo

• 

  The home page

• 

  Recipe list

• 

  Plan the weeks meals

• 

  Three options to add a new recipe

Inspiration

I'm always needing to ask my partner, what's for dinner, but most importantly, when I need to cook, where's the recipe! There are so many different sites, recipe books or home-crafted recipes, each with their own layouts, and I wanted one place to store and search them consistently.

What it does

It offers a signup/login to create an account through Supabase authentication.

There is the option to create multiple "spaces", each space can have a set of recipes and a mealplan for each week. For each space users can be invited to collaborate. This lets them view and add/edit recipes and mealplans in that space.

It provides 3 ways to add recipes, first using a URL from popular sites like All Recipes and BBC Good Food. Next using an image and OpenAI to extract the recipe, either from a screenshot, a recipe book or handwritten recipe. Last option is to manually add the recipe.

Users can then create a weekly meal plan by adding recipes or custom entries for each meal in the week.

How I built it

Primarily used Bolt.new to ideate, I used the supabase integration to speed up the signup/login and do the design of the main site. I worked through first the URL to recipe code and then moved on to adding spaces. Due to this I had to duplicate my project, the original part finished one is here: https://bolt.new/~/sb1-lrpkewkg

Challenges I ran into

As the project got larger the message that it was too large popped up often and it burnt through tokens much faster. Layout on mobile was particulary tricky, especially getting the "Take Photo" option to work.

Accomplishments that we're proud of

I'm proud of the finished product, the recipe scraping and UI is my favourite part. The mealplanner could use more work. I'm also pleased that the invite to collaborate works too!

What I learned

A lot is possible with a couple of days and vibe coding. The project is way more comprehensive than I expected. I have previous coding experience, but without bolt I would never have built this entire project.

What's next for Cookaroo

Improved mealplanner. Testing interest amongst friends and family. Then potentially productising using a small subscription model.

Built With

• react
• supabase
• tailwind
• typescript