1 of 7

HEALTH MANAGER

Yanan Dong

Zhenghao Lin

2 of 7

LOGIN/REGISTRATION PAGE

  • Allowed actions:
    • Create a new account
    • Sign in with an existing account
  • The website is deployed on herokuapp.com.
  • The user information will be saved on MongoDB database.
  • When the account being created is already existing, a warning will be popped up.

3 of 7

DIET PLAN PAGE

  • Allowed actions:
    • Click the buttons on the top navbar to re-direct to other pages.
    • Create/Update/Delete new food information.
    • Create/Delete new diet plan items.
    • Auto-calculation of the total calorie of foods in the diet plan.
  • All data is stored in MongoDB database. Data of different users will be stored separately.

​

4 of 7

WEIGHT PAGE

  • Allowed Actions:
    • Create new weight record.
    • Hover on the chart to see the detailed weight record information.

5 of 7

THINGS WE ARE PROUD OF

Styled UI interface and components.

Each user has their own data stored separately.

Implemented interactive charts.

6 of 7

THINGS WE STRUGGLED WITH

Accommodations between frontend and backend service connections.

Figure out how to exchange data with MongoDB effectively.

Learn scratch about how to use react-hooks.

Deploy a full-stack app on Heroku.

7 of 7

THANK YOU FOR WATCHING!!!

  • Yanan Dong
  • Zhenghao Lin