My Recipes

Our web application will improve everyone's eating habits with a few clicks to search for recipes and all their nutrition.

Comment

Inspiration

I am always a big advocate of eating and living healthily. I also love cooking and eating too! Before the hackathon, my team and I were exploring around the with free APIs and we found a good API called Edaman (https://developer.edamam.com/meal_plans). I strongly believe that this website will help me and all users further strengthen their diets/cooking knowledge.

What it does

It is a web application where the user can log in and search for food ingredients or recipes. The search will show a list of recipes that most closely resemble what the user searched and also shows how to cook those recipes. It also has filters search for a user who has allergies such as dairy or peanuts to name a few of those who have restrictive diets such as vegan or vegetarian.

How we built it

For the APIs, it uses Flask to store the API request. The app also uses firebase to store its authentication login and the saved recipes for each user account. For the frontend, it uses React framework to show all of its components.

Challenges we ran into

There are many challenges we have faced:

  1. Most of us have little to no experience with website development
  2. Most of us are not familiar with git version control
  3. We ran into an issue of merging the file wrongly. The whole project crashed and we had to create a new GitHub repository.
  4. We had a lot of issues trying to get our fetch request for the API to work correctly and consistently.

Accomplishments that we're proud of

  1. Our team is really collaborative. We are always willing to help one another.
  2. We are perseverant and patient, especially when our whole project was not able to run completely, even when we were forced to go back to very old commits.
  3. We are adaptable to a completely new environment.
  4. We are really open-minded. We take input from mentors seriously and we seriously can't be grateful enough for mentors at HackUCI.
  5. We are great at splitting up responsibilities so that each of us has a separate job to do, which greatly increased our team's efficiency.

What we learned

  1. We have learned/become accustomed to git and GitHub.
  2. We have learned to be persistent and not give up as easily.
  3. We learned to use React functional components such as passing data from parent to child, rendering a list of components, different HTML tags, and CSS.
  4. We have learned what is API requests the data from API and manipulating data to show on our components.
  5. We have learned about the flask module, firebase database, adding user authentication into our web application.
  6. We also learn a collaborative skill is one of the most important skills. Without it, we could not have submitted this project.

What's next for My Recipes

It is definitely further important on the look of the web. We have the request function working. However, due to time constraints, we were not able to connect it to the save button. We would love to work in cooperating a journaling feature and exercise log which further improves ones' health.

Share this project:

Updates