/Workout-Tracker

Created a web app where users can create, publish, view, and get recommended gym workout routines. (ReactJS, NodeJS, MongoDB). Implemented a dashboard detailing workout focus areas and time allocation using graphs. Incorporated tools such as workout timer and dashboard comparison view with friends.

Primary LanguageJavaScriptMIT LicenseMIT

Workout-Tracker

  • Created a web app where users can create, publish, view, and get recommended gym workout routines. (ReactJS, NodeJS, Express, MongoDB).
  • Implemented a dashboard with graphical visualisation of users’ workout muscle groups and time allocation.
  • Incorporated tools such as workout timer and dashboard comparison view with friends.

Video Demo

Compressed.Workout-Tracker.Demo.Video.mp4

Screenshots

Create Routine Page Dashboard Page Dashboard Comparison View with Friends
Begin Routine Page View All Routines Page Recommend Routines Page

Installation

  • Use .env.example to create a .env file that contains your Mongo DB Cluster URI
  • Terminal 1: cd client then npm start
  • Terminal 2: cd server then npm run dev

Completed / Todo

  • Sign in / Sign up Authentication
  • Create Routines Page
  • Dashboard Page
    • Display: Radar and Bar chart, routine history, created & saved routines, your friends
    • Delete or Publish created routines functionality
    • Dashboard Comparison View with Friends
  • Begin Routine Page
  • View All Routines Page
  • Recommend Routines Page
  • Accounts Page
    • Display user details and have a button to log out
    • Add and delete friends functionality (Currently set predefined users as friends)
    • Reset password functionality
  • Toggle Light / Dark mode