Create a recipe using AI with whatever you've got in your fridge - check it out here!
Back of the Fridge is a recipe website that helps users find recipes based on the ingredients they have on hand. It provides a user-friendly, efficient and easy-to-use solution for users to find recipes based on the ingredients they have on hand. Built in under 24 hours during McHacks10!
The front-end was built with React.js, Next.js, and TailwindCSS! The back-end was built with Python and Flask. Everything is hosted on Vercel! This repo is our web-app's front-end, so be sure to checkout our back-end too!
The idea for the website came about when Alex was feeling hungry, but he didn't want to go to the store. He still wanted to make a dish with tzatziki, couscous, and onions, but he tried searching online for a recipe and couldn't find one that fit his specific ingredients. That's when he decided to enter the ingredients into a language model like ChatGPT and found a recipe that looked delicious!
To create a recipe using cohere, we give cohere our ingredients, then cohere returns to us a recipe title, instructions, and a list of ingredients used. We then take that title and give it to Surp API. Surp API then asks google for the top ranking images associated with that title. We pull down one of the top images and pass that up with the recipe object to the front end.
An image is uploaded to the front end, which is passed down to the backend, which asks Eden AI to analyze the image. Eden AI is an overlay of Google Cloud Vision. Google Vision API then processes the image and gives us back possible objects with predications on what these items are. We take all possible objects and match them with an internal dictionary of approved groceries and returns those back to the front end, to then be added to the ingredients list if desired.
Building Back of the Fridge was challenging for our team as we had to integrate several third-party services to make the website work as intended. One of the biggest challenges we faced was the time crunch, as we had to complete the project within a 24-hour tight deadline. One of the key components of the website is the integration of a natural language processing (NLP) API which helps to extract the ingredients from the user's input and match them with the appropriate recipes from our database. Integrating this API was a complex task as it required a lot of testing and fine-tuning to ensure that it was working correctly.
We hope to turn this into a mobile application as well!