Inspiration
the 24 hour deadline
What it does
Our web application scans the ingredients on a box or package, and accurately grades each of the ingredients in the food you are eating. providing you with a better sense of how the food you eat, affect your health.
How we built it
We built NutritionChecker with a focus on simplicity and user convenience. Using React for a responsive interface and Tesseract.js for OCR, we enabled real-time ingredient recognition. Users can capture food images via their camera, and our app processes the image to extract and display ingredient details. By integrating a food database API, we provide detailed nutritional information at your fingertips. Our goal was to create a seamless experience that helps users make healthier food choices effortlessly.
Challenges we ran into
there were many
Accomplishments that we're proud of
it works?
How it works
A small webapp that lets you take or upload a photo of a ingredients section on any food item and get a score for how healthy each ingredient in your food is. Please be aware that we are not dieticians and cannot properly quantify what is healthy for you or not this is mostly just a fun proof of concept website.
To use the website simply toggle your camera, take a photo, and load the ingredients. If you don't have a webcam or if your webcam is poor quality please use your phone to take a photo and transfer that to a computer to then upload the photo.
Note: taking a photo on a computer did work at one point but now it only works with uploading an image saved to your desktop. We couldn't find the cause for this in time and tried rolling back our project but ran out of time. Please upload an image and click the Load Ingredients button to see the output of our website.
You can find a link to the website here
What we learned
time management? perhaps? how to use intelliJ and debug like our lives depended on it
What's next for NutritionChecker
who knows
