NutriSnap
Transform your meals into nutritional insights through intelligent, camera-powered food logging.
Table of Contents
- Motivation
- Goals
- Features
- Usage
- Installation
- Development Status
- Screenshots
- About Us
- đź”— Usability Evaluation Design
- đź”— Feedback
- đź”— Usability Results
Motivation
Problem:
- Chronic diseases linked to dietary habits wreak havoc on global health.
- Traditional dietary assessment methods are prone to substantial inaccuracies.
- Current food logging applications can be tedious and encourage consumption of processed foods.
Solution:
- Employ machine learning to intelligently recognize and quantify foods, evolving to understand your diet over time.
- Classify foods based on their level of processing, and visually present dietary trends and quality.
Image generated in collaboration with AI.
Goals
Leverage pioneering ML technology to effortlessly identify and track your nutrition, offering a transparent window into your dietary habits. NutriSnap is not just about counting calories, but understanding their nutritional impact. Navigate toward a healthful lifestyle, guided by innovative technology and authentic expertise.
Features
- Automated Food Recognition: Utilize ML to identify and log foods and beverages.
- Nutritional Insights: Dive deep into the nutritional composition of your meals.
- Dietary Quality Analysis: Visualize the processing level of your consumed foods over time.
- Progress Tracking: Keep track of your dietary journey and set healthful goals.
Usage
First Time User
- Snap & Log: Capture your meal with NutriSnap and let it log the nutritional info.
- Analyze & Learn: Gain insights into your eating patterns and nutritional intake.
Returning User
- Review & Reflect: Look over your historical data and recognize patterns.
- Adjust & Optimize: Use insights to make informed dietary adjustments.
🔥 Hot New Features
- Celebrate & Share: Share your achievements and progress with friends and family.
- Connect & Inspire: Connect with friends and family and share your nutritional journey.
- Coach & Support: Get personalized feedback and recommendations from your NutriSnap coach.
- Customize & Personalize: Customize your NutriSnap experience and manage your account settings.
- Track & Visualize: Visualize your nutritional trends, understanding the ebbs and flows of your dietary habits over time.
To get a better understanding of the features and how to use them, please refer to the Screen Shots section below.
Prerequisites
Installation
git clone https://github.com/NutriSnap/NutriSnap.git
Installing Packages
flutter pub get
Running
flutter run -d --debug
Development Status
- Project Board 1: NutriSnap Startup Board (M1)
- Project Board 2: NutriSnap Development Board (M2)
- Project Board 3: NutriSnap M3
- Project Board 4 (most recent): NutriSnap M4
Screenshots
Login Page
The gateway to NutriSnap, ensuring secure and personalized user experiences.
| Signin Mode | Signup |
|---|---|
|
 |
Dashboard View
Your nutritional overview, presenting a snapshot of your current and historical dietary habits. Gain insights into your dietary habits and track your progress over time. This page provides a comprehensive overview of your nutritional journey.
| Light Mode | Dark Mode |
|---|---|
|
 |
About View
Learn more about NutriSnap and the team behind it. The about page provides a comprehensive overview of the application and its features. It also links directly to the documentation and the GitHub repository.
| Light Mode | Dark Mode |
|---|---|
|
 |
Challenges View
Celebrate your nutritional victories and keep track of your progress with insightful and motivational badges.
| Light Mode | Dark Mode |
|---|---|
|
 |
Coach View
Get personalized feedback and recommendations from your NutriSnap coach. The coach view provides a comprehensive overview of your nutritional journey and provides insights into your dietary habits.
| Light Mode | Dark Mode |
|---|---|
|
 |
Profile View
Customize your NutriSnap experience and manage your account settings. Toggle between light and dark mode, and adjust your profile settings. Turn on/off notifications and mindfullness reminders.
| Light Mode | Dark Mode |
|---|---|
|
 |
Camera View
Capture your meals with NutriSnap and let it log the nutritional info. The camera view allows you to take a picture of your food and log it into your food journal. The camera view also provides a cropping tool to allow the user to crop the image to their desired size.
| Light Mode | Dark Mode |
|---|---|
|
 |
Image Crop Tool
Crop your images to your desired size. The image crop tool allows the user to crop the image to the size that fits best for their food log, user profile pic, social card banner, or other photos, allowing the user to crop out any unwanted parts of the image. The image crop tool was largely based on an example provided on the geeksforgeeks website but will be adpated further to fit the needs of the NutriSnap application and the user.
| Add Picture | Upload Image |
|---|---|
|
|
| Select Image | Crop Image |
|---|---|
|
|
Social View
Connect with friends and family, sharing your nutritional journey and celebrating your successes. The social view allows you to connect with friends and family and share your nutritional journey. The social view also provides a feed of your friends’ nutritional journey.
| Light Mode | Dark Mode |
|---|---|
|
 |
Journal View
Maintain a daily log of your meals, providing a detailed overview of your dietary patterns. The journal view allows you to view your food log and provides insights into your dietary habits. Serves as a confirmation page for the user to confirm the food they have logged.
| Light Mode | Dark Mode |
|---|---|
|
 |
Settings View
Customize your NutriSnap experience and manage your account settings. Toggle between light and dark mode, and adjust your profile settings. Turn on/off notifications and mindfullness reminders.
| Light Mode | Dark Mode |
|---|---|
|
 |
MySnaps Dialogue
Experience user-friendly interactions and confirmations throughout your NutriSnap journey. This page allows you to view your food log and provides insights into your dietary habits. Serves as a confirmation page for the user to confirm the food they have logged.
| Light Mode | Dark Mode |
|---|---|
|
 |
MySnapsMenu Dialogue
Experience user-friendly interactions and confirmations throughout your NutriSnap journey. This dialogue allows you to select the meal type for your food log. The meal type is used to categorize your food log and provide insights into your dietary habits.
| Light Mode | Dark Mode |
|---|---|
|
 |
Trends View
Visualize your nutritional trends, understanding the ebbs and flows of your dietary habits over time. Beautiful charts and graphs provide a comprehensive overview of your nutritional journey.
| Light Mode | Dark Mode |
|---|---|
|
 |
Data Model
The data model encompasses a holistic representation of a user’s nutritional and meal tracking application. Central to the model is the UserData, which maintains user details and settings, linking to their meals, snaps (visual representations of their meals), and their progress in challenges. Each snap captures specifics like its contents and images. Meal records are detailed with processed food percentages, and they can be associated with multiple snaps. Users can earn Badges, have specific app Settings, and track Trends in their eating habits. Challenges provide users with goals, and their progress is tracked in ChallengeProgress. Additionally, foods in snaps have individual item details maintained in SnapFoodItem. The model offers an interconnected system for users to visualize, track, and improve their eating habits.
About Us
NutriSnap is designed, implemented, and maintained by a team consisting of five members:
🚀 Lydia Sollis, NutriSnap’s inspiring team lead, combines her experiences from military IT management to emerging full-stack developer while advancing her Computer Science mastery at the University of Hawaii. With NutriSnap pivotal to her thesis, it reflects her enthusiasm for technology and healthy living. Lydia’s diverse development projects showcase her proficiency in various technologies and frameworks like Java, Python, JavaScript, React, and Spring Boot. Balancing technical acumen with leadership qualities – reliable teamwork, effective communication, and skilled conflict management – she harmoniously merges technology with mindful eating while enjoying coffee, coding, and spectacular hikes. NutriSnap thrives under her diligent leadership and genuine dedication to connecting tech with conscious nutrition.
đź’» Hubert Liang, a Computer Science student at the University of Hawaii at Manoa, building towards aspirations of a Software Engineer. Previous projects have demonstrated prior full-stack development with various languages and frameworks, the main ones being Python, JavaScript, and Posix C.
đź’» Elijah Davis, an ambitious Computer Science student at the University of Hawaii at Manoa, with a desire in full-stack development.
💻 Michael Rogers, pursuing an MSc in Computer Science at the University of Hawaii at Manoa, intertwines a rich history as a retired Air Force veteran with innovative technology through notable work in collaborative software development with the Scalable Analytics and Informatics Lab (SAIL) and the Laboratory for Advanced Visualization & Applications (LAVA). Embarking on crafting the first mobile app with “NutriSnap,” he’s ignited by a keen desire to employ technology in creating meaningful, user-focused products, synthesizing his veteran insights with a contemporary tech approach.
💻 Jingyi He, a meticulous Computer Science student and Learning Assistant at the University of Hawaii at Manoa, balances academic rigor, professional growth, and a fulfilling personal life with aplomb. Her commitment is evident through notable academic projects like a banking database simulation, which transitioned from C to C++, showcasing her robust programming and problem-solving skills. With capabilities in Problem Solving, Teaching, and Teamwork, along with practical experience in Dart/Flutter and GitHub project management, Jingyi brings a vibrant, well-rounded contribution to the “NutriSnap” project, significantly influencing documentation and collaborative development.