Inspiration

Many struggle to accurately track their daily food intake and make informed nutritional choices, leading to suboptimal health and wellness. Our app is driven by the desire to simplify and enhance the way people manage their diets. By using photos to determine nutritional facts and calories automatically, we aim to provide users with a convenient, real-time solution that empowers them to make healthier food choices and ultimately improve their overall well-being.

What it does

It allows users to either capture a picture or upload a photo of their meal. The app utilizes image recognition technology to identify the various food items present in the image. Once the items are recognized, the app retrieves data from a nutritional database providing users with detailed information about the meal's nutritional composition, including macronutrients like carbohydrates, proteins, and fats, as well as micro-nutrients, vitamins, and mineral content. One of the most important aspects of this app is its ability to calculate the total calories in the meal.

How we built it

We constructed our food tracker web app by using various technologies and a versatile tech stack. The Google Vision API was used for image recognition, enabling us to identify various food items in user-uploaded or real-time camera-captured images. To provide precise nutritional data, we seamlessly integrated the Calorie Ninja API, giving users real-time access to calorie counts, macronutrients, vitamins, and minerals. On the front end, we used JavaScript, Vue.js, HTML, and CSS to create an appealing and user-friendly interface. Data exchange was facilitated with JSON. This combination of technologies and APIs ensures our app provides a seamless and engaging experience, empowering users to make healthier dietary choices effortlessly.

Challenges we ran into

We faced certain accuracy issues when trying to ensure proper image recognition. The API calls were inconsistent at times leading to incorrect data retrieval.

Accomplishments that we're proud of

We are proud of being able to use the Google Vision API to implement our web app as it was something new which we worked with. In addition, it was great creating the backend which incorporated hardware like cameras.

What we learned

Learning new technologies and applying them at the same time while having a time constraint of 24hrs

Built With

Share this project:

Updates