All Thyme Recipes

Welcome Page
Home Page
Add Ingredient Page

Inspiration

The inspiration for this project comes from the fact that all 4 of us are college students who either already have or will need to start meal prepping. With meal prepping comes the responsibility of also using the ingredients you already have before it goes bad. There came the idea for allthymerecipes.design which will help everyone meal prep improve their food sustainability.

What it does

allthymerecipes.design takes in a list of all the ingredients the user has in their pantry along with the purchase date. Using that information along with a list of spices that the user has, our website generates 8 possible recipes that can be made with just those ingredients while also prioritizing the ones which will expire first. This way the user has recipes that they can use for their week ahead and does not have to worry about spoiling ingredients.

How we built it

We built it this website using Firebase for the database, while using Clerk for the authentication, and TypeScript for the backend. Our recipes were generated from using the Google Gemini API. For the front end, we used Materials UI and React. We got the domain name from the go daddy registry and then deployed that domain name using Vercel.

Challenges we ran into

One of the biggest challenges we ran into was interfacing Firebase with all of our pages. Since we needed to interact with Firebase and Gemini sequentially, making sure both of them were working together was tough. This was heightened by the fact that only one of us had lots of experience with Firebase at the start of the hackathon.

Accomplishments that we're proud of

We are proud of the fact that we were able to deploy a working version of this website within 24 hours. Our team worked smoothly and swiftly over the course the day to make this happen. We divided up the work according to each member's strengths, and everyone was able to add new technologies to their portfolios and developed a project that we all are proud of.

What we learned

We learned how to incorporate Firebase as the backend database for our applications and how to deploy a domain using Vercel. We also learned how to query Google Gemini using the API and

What's next for All Thyme Recipes

For this hackathon, we didn't have the time to also incorporate a budgeting feature, which we will implement in the future. This would be a feature where the user will specify a certain amount of money they want to spend for a meal, and allthymerecipes will generate recipes where the cost of the ingredients used will be less than or equal to the amount specified. Thus, our application would help with food sustainability and budgeting.