Inspiration

       We love food! And people always open their fridge and don't know what to cook, even though they have lots of stocks in their fridge. People need help to manage their fridge, and also to plan their meals!

What it does

How we built it

    We started building it by using Python Beautiful Soup to scrape recipe websites and storing the data into Json files. The data includes the name of the recipe, ingredients, servings, instructions, and so on. Then we used Python to load and read the Json files and operated our sorting/combining algorithms to match user's inventory with all the recipes we have, and provide Top20 recipes with the highest scores. Then we uses Flask, HTML5, CSS and Javascript to build our Web App and route between different pages, we have: Home Page, Recipe Page and Inventory Page. 

Challenges we ran into

      Scraping recipe websites was a challenge for us at the beginning. Also we have so many discussions about our sorting/combining algorithms about how we want to provide our users the best recipes with the highest scores with what they are have in their fridges. In the end, since we were not experienced with Front-end development, we had so much trouble figuring out how to design and render the web pages and being confused by HTML5, CSS and Javascript. Well fortunately, we figured it out!

Accomplishments that we're proud of

       We are able to build our first Web App!!! This is such a big accomplishment for us and we feel way more confident right now about our front-end coding knowledge. Also, the brainstorming about project ideas and discussing(arguing) about the back-end algorithms were so much fun!! We are so proud that we got our first Web App in our lives working and we can't wait to build another one soon!! 

What we learned

     We were not at all familiar and comfortable using HTML, CSS and Javascript. And we do not have much experience building the front-end. Whiling we were working on this project and overcoming the challenges, we now are comfortable with front-end developing and feel way more confident of building other Web Apps in the future !

What's next for Inside Fridge

      We want to add a feature that users can take a picture of inside of their fridge with their mobile phone and upload it to our App. We will be able to scan the picture and use Machine Learning models and algorithms to recognize a list of stock in users' fridge, so that users don't need to input their inventories manually. Also, of course more delicious recipes!
Share this project:

Updates