We found an interesting food API that we built our web app around. We wanted to make a creative experience for the end user to easily track food nutrition, plan meals, and quickly add ingredients to their shopping list.

What it does

This web app has the basic functionality of exploring different recipes and displaying the nutritional content as well as adding the ingredients of a particular recipe to the shopping list. The user can also view a shopping list of ingredients on a separate page.

How we built it

We built the front end using Angular framework and bootstrap for the styling. We are running the database on Firebase Cloud Firestore. We pulled our recipe data from the Spoonacular food API.

Challenges we ran into

Ran out of time to code dashboard and account pages. Had issues getting the shopping list to show properly and functionality to remove items from the list. Lost two team members along the way.

Accomplishments that we're proud of

We were able to implement some of the Crud operations using Angular and Firebase. We were able to implement the groundwork for most of the functionality we had planned.

What we learned

We learned that it is important to get the core functionality out early so that we could have more time to add smaller features and troubleshoot the deployment.

What's next for NutritionAlly

Adding dashboard and account functionality. Adding the ability to clear and remove individual shopping list items.

Built With

Share this project: