The initial idea came about because, as college students, we often cook our own meals, but we have a hard time figuring out what we want to eat and making sure it fits in our budget. This app helps us find interesting meals while making sure we can afford it before we go to the store. A large majority of our design inspiration came from the platform Tinder, and the way they handle accessibility. Using their basic format of swiping right and left to either discard or save matches, we thought this would be a great format to handle food recipes. We also saw this as a chance to use Wegmans' excellent API to allow customers not only to find their favorite foods but quickly find the ingredients for it.

How We Built It

Created using HTML5, CSS, and Javascript with jQuery. Utilizes TheMealDB's API for finding recipes and Wegman's API for finding the ingredients and prices for each meal.

Challenges We Ran Into

We had issues with getting out animations to work across multiple browsers (particularly Chrome). We also were having issues getting the right ingredient from Wegmans if our recipe API description did not match up.

What I learned

We learned how to handle multithreading in Javascript, using SCSS and jQuery, and improved our existing skills in CSS and Javascript

What's next for Crunchy

Cooking something divine!

Resources Used

Share this project: