Why Saveory?

Since the advent of food ordering apps, ordering food online has become more common than ever. However, home cooking is not only normally more healthy, it also saves money and decreases our carbon footprint.

What is Saveory?

There are 2 parts to Saveory: When people order food online (in this case, UberEats) and click on a menu item, Saveory's sidebar pops up with a recipe for a similar item, encouraging more people to cook at with a convenient recipe that matches their craving.

Users who are undecided about their next meal can also click on Saveory's chrome extension for a random recipe recommendation.

What we used

Saveory was built using NodeJS, HTML, and CSS. Our team also utilized the Spoonacular food API to for our recipe data.


Implementing the API was most challenging, as we had to learn how to scrape item names from the UberEats website, query for a matching recipe, and display recipe data on our pop-up and sidebar.


Our team learned several new technologies, such as NodeJS, throughout this hackathon. In the end, both our chrome extension pop-up and sidebar provide unique and useful services to users to encourage home cooking.

What I learned

We learned how Javascript is both powerful and unique from languages we were previously experienced with. As relative newcomers to the language and Frontend Development, learning how to package a chrome extension and use Postman to test APIs was exciting.

What's next for Saveory

In the future, our vision for Saveory includes allowing users to choose from multiple best match recipes in the sidebar, and filtering recipes by users' dietary restrictions. We also envision adding extra analysis tools such as a carbon footprint analysis to ordering vs. cooking food to further encourage home cooking.

Share this project: