N-Tri | Devpost

Inspiration

Based on CDC’s second nutrition report, nutritional deficiency affects less than 10 percent of the American population. However, in some ethic or age groups, more than one third of the population group suffer nutritional deficiency. The lack of certain nutrients could lower one’s quality of life, and even lead to fatal illness.

What it does

To start off, a user could simply use an email address and set a password to create a new account. After registering, the user may log in to the website, and access more functions. After login, the user can view the dashboard and record their daily meal. The left section allows the user to record each food intake and measures the nutrients in each portion of the food. The user can add multiple times if one consumes one than one food. All entries in a day will be saved in this section, and the user may review the entry history. On the right side, the user's daily nutrients intake will be analyzed and presented as a pie chart. A calorie count and percentage of nutrients will appear on the top left of the pie chart, providing health-related info. The user may know about their nutrient intake information through this section of the dashboard. Finally, we have a user profile page, allowing the user to store and change personal information. In this section, the user can update health-related information, such as height, weight, and ages. By providing this information, the system may give a better measure of the user, and provide more accurate advice.

How we built it

We constructed a Firebase Realtime Database which is used to store user data. As for the front-end side, our team used React with CSS and HTML to build a website. We also used Figma for UI design and prototyping. As a team, we collaborate by using Github and we use Git as our version control tool.

Challenges we ran into

One of the major challenges that we have is to assemble the project using react, which caused a technical issues for everyone. Since everyone was working on an individual laptop, sometimes there will be conflicts between each commit. For example, someone may build a section differently from another, which causes a crash in the program.

Accomplishments that we're proud of

Even though our project is not as complete as we had hoped, we are proud of what we accomplished. We built something in an attempt to raise awareness of health issues and we will continue with this project.

What we learned

Before we basically had no experience with a full-stack web application. Although this project is not technically full-stack, we learned a lot. Some of our teammates learned to use react, while others learned to use a NoSQL Database like Firebase Realtime Database.

What's next for N-Tri

By collecting user's information, such as height, weight, and ages, we can personalize their nutrition plan, and provide better services. In addition, we will have a recipe recommendation section for everyone, in order for people to have a better daily meal plan. In addition, we would like to add create a more robust UI/UX design.