Health Tracker

About the Project

Online app that allows a user to keep track of their personal health information such as exercise, sleep, weight, and diet.

Built with:

This project includes the following sections:

1. Profile Creation
2. User Page
3. Data Collection
4. Data Layout

App Features

Main Page:

This is the main page of the app. User can enter their username to get started.

(back to top)

Profile Creation:

Detailed form for user to fill out that will display on their personal page.

(back to top)

User Page:

Upon completion of Profile or returning user, They are taken to the user page. User can add exercise, weight, sleep, and meals. They can also view their data that were inputted immediately.

(back to top)

Data Collection:

	Add Data: User can add exercise, sleep, and weight to their chart. All sections must be filled in order to submit the form. Data will only be recorded per date.
	Add Meals: User can use the search meal feature to look up nutritional values of each item to add to the meal. Once meal is added, the total nutritional values are then calculated into the user's information. Meals are categorized into different types such as breakfast, brunch, lunch, dinner, snack, and other for additional entries.

(back to top)

Data Layout:

	Daily Exercise/Sleep/Weight: User can view their records in the user page by clicking on the "Daily Exercise/Sleep/Weight" button. Here user can view their records in the table below or by clicking on the specific chart. User can also search for specific date or day for their record.
	Daily Meals: User can view their meals records in the user page by clicking on the "Daily Meals" button. Here users can view the chart on different nutrition categories, see their total meal records, and search for specific date or meal type.

(back to top)

How to Get Started

• Install dependencies in Client:
  1. cd into client
  2. npm install
• Install dependencies in Server:
  1. cd into server
  2. npm install
• Run Servers:
  1. In client - npm run start
     • client run on PORT 8080
  2. In server - npm run server
     • server runs on PORT 3000
• Launch site: http://localhost:8080

(back to top)