Inspiration
I use calorie tracking systems for personal use, but many of them have too many features I do not use. I wanted to make a simple and easy-to-use tracking system.
What it does
Users create an account, then they are presented with the current day, and options to go forward or backward in the calendar. Then on any given day, the user can add calories to either breakfast, lunch, or dinner. This takes them to a meal-building page, where they can search for foods, and add them to their meal. The home page then tells them how many calories, and the macronutrients they got that day.
How I built it
I used a few of Google Firebase's services, such as Firestore Database, authentication, hosting, and analytics. I used React to build the frontend UI, and I also utilized edamam.com for the food database API.
Challenges we ran into
I had issues dealing with the Firestore database. I spent a lot of time reading the documentation and trying out different things. I also had trouble creating a UI that I was happy with.
Accomplishments
I was happy I was able to build something complete by myself. Although it was difficult, it was definitely rewarding.
What's next for Beaver CalorieTrac
I will definitely utilize more features of the Edamam database to improve the food search section. I want to add a page for statistics, so users can see graphs and charts that map their overall eating trends. Improving the overall UI/UX is also in the near future.
Log in or sign up for Devpost to join the conversation.