Recipe Finder

Introducing Recipe Finder: Where taste meets sustainability. Discover delicious recipes based on ingredients you have, reduce food waste, and contribute to a greener planet.

Comment

Inspiration

1.3 billion tonnes. That is the amount of food that goes to waste yearly. Beyond the obvious waste, this problem contributes greatly to climate change. About 10% of global greenhouse emissions come from food waste. From my personal experience and extensive research, I discovered a major cause of food waste. We throw out tons of food because we often lack creative ideas on how to use the ingredients we have. This led me to create Recipe Finder, a user-friendly web application to solve this problem.

What it does

Recipe Finder allows users to input their available ingredients in a search bar and then displays recipes that could be prepared with the inputted ingredients.

How we built it

Recipe Finder was built using HTML, SASS, Bootstrap, and Javascript. HTML was used to build the website while SASS (compiled to CSS) and Bootstrap were used to beautify it. I used Bootstrap to ensure the website was responsive. I made use of Javascript to add functionalities and make API calls. It is currently deployed using GitHub Pages

Challenges we ran into

Developing Recipe Finder was an exciting journey, but it did come with its share of challenges. One of the main challenges was the process of making an API request and returning the response. Despite my experience with Javascript, I wasn't as experienced with using APIs in my web applications. It took trial and error (and a couple of Google searches) to make it happen.

Accomplishments that we're proud of

I am proud that Recipe Finder is fully functional. Inspired by the food waste problem, I had the idea of Recipe Finder. It was a huge learning journey from an idea to a full working prototype

What we learned

Building Recipe Finder helped hone my web development skills and skills in working with APIs. I also learned the importance of user experience, as Recipe Finder was designed with users in mind.

What's next for Recipe Finder

In the near future, I plan on implementing more features like dietary preferences and more. Additionally, in the future Recipe Finder will be connected to a variety of databases to expand its search and result, allow user-generated recipes to improve the diversity of results, a user login/register, and it will allow users to save recipes in case they need it in the future.

Share this project:

Updates