Inspiration

The transition from being a first year to a second year, more specifically having a full meal plan to no meal plan at all, left us pressed for time and unaware of how to feed ourselves other than through Pop Tarts and Ramen. We struggled to put together meals with the ingredients in our fridge in a restricted amount of time. KitchenBuddy directly addresses this struggle with a few additional features!

What it does

KitchenBuddy allows the user to search for recipes through specified restrictions such as ingredients you already have on hand, dietary preferences, and amount of time to cook. It searches through a database of over 2 million recipes and returns the top 50 results adhering to your options. The results are ordered by an additional feature, percent of ingredients matched, allowing the use to gain a sense of how many additional ingredients he/she will need to utilize.

How we built it

Our website is completely coded in front end languages, with Javascript conducting server side analysis. Using Bootstrap, HTML, and CSS we formatted the layout of the website to be clean and provide key options. Javascript served multiple purposes constructing QuickCookCookBook. We imported jQuery to conduct search requests into the Yummly API, parse the results, and send them to the HTML file. We also used Javascript to calculate the algorithm for ingredients match.

Challenges we ran into

After discussing specifics of how to implement the project we decided to switch from our original plan to utilize javascript, css, and html, languages we had extremely limited experience in. Figuring out the interaction between the back-end and front-end was an aspect we struggled with because we were learning the language on the fly. In addition, we had difficulties creating the algorithm for and displaying the recipe match.

Accomplishments that we're proud of

We are proud of creating a visually aesthetic layout that is intuitive to use and actually addresses a common issue among college students that can be expanded into any audience interested in cooking. We are excited to overcome and all of the setbacks we ran into and are able to submit a complete working product under the given time constraints.

What we learned

We learned that it is important to be able to be flexible and open-minded in terms of how you envisioned the product to be utilized. It is critical to be able to learn new tools quickly and be able to transition to code in a completely new language if needed.

What's next for QuickCook CookBook

Although QuickCookCookBook is fully functional, there’s plenty of room for improvement. On the user experience side, the website requires more attention to detail, such as color scheme and text contrast against images. Behind the scenes, our website can be improved by refining our algorithm for showing the matches. We want to expand the product onto different platforms, specifically a mobile application.

Share this project:

Updates