-
-
Home page
Inspiration
People struggle to maintain dietary restrictions and achieve nutrition goals. When purchasing food, many find it difficult to verify that the item doesn’t contain components they are allergic to.
What it does
The Scanner page allows users to take an image of a nutrition label and track macros or allergens. They can tag this information with the food name and the date they scanned the image. Instead of scanning, they could also upload images as well.
How we built it
This React app was also built with Tesseract.js and MongoDB; Tesseract.js is used to recognize the text on the nutrition label and MongoDB is the database we used to store the login/signup and food information.
Challenges we ran into
We ran into many challenges as beginner web developers. They ranged from when our team initially struggled with scoping out the requirements of the project and time management, especially with the limited time we were given, to finding the tools and software that we wanted to work with to complete the project. Debugging and finding solutions to our problems was also very time consuming, but we worked through these challenges as a team.
Accomplishments that we're proud of
As challenging as our project was, the final result includes many things we are proud of. Developing the two main features of our application, the Macro Tracker and Allergen Tracker, creating a user-friendly UI through frontend development, and successfully connecting MongoDB (our database) with the frontend to support the project’s functionality (ex. Login & Signup Page) were all accomplishments we made this winter break.
What we learned
We all learned many useful skills while completing Nutritional Helper. Not only did we learn useful technical skills such as web development, text recognition software, and databases, but we also learned how to communicate as a team and keep track of our work through a task management tool such as Notion.
What's next for Nutritional Helper
Nutritional Helper is a basic web app that can be scaled up to include a variety of features. Some examples would be implementing additional features such as diets, an expiration date tracker, and prices/budgeting. After adding these additional features, we could take the project a step further by making Nutritional Helper publicly accessible by publishing it as a website on a server and/or launching it as a mobile app on the App Store.
Log in or sign up for Devpost to join the conversation.