GYM-Tracker

GYM Workout Tracker and reminder

Front End

• React js framework
• html for page structure
• tailwind css for designing and styling

Back End

• MongoDb for database

• npm i mongoose

• npm i dotenv

• install express js

• npm i express

• install nodemon for ease of reloading

• npm run dev to start back end server

• npm start to start front end client

d -- Create models in mongoDB database

• mongoose.Schema function

• export that model

• Create backend routes

• create backend api path using the express app

• create back end api routes by creating functions and associating a path to it

• test backend apis using 'insomnia'

Server

• Frontend server -- localhost 3000

• Backend server -- set to localhost 3001

GYM Tracker Web App

Functional reqs

sign up page

Login page

Sign up page routes to login page

login page (if correct) routres to home page

login page (if incorrect) prompts error message

home page

nav bar

Home

workouts

History

Milestones

Home

cards/drop down bubbles of workouts (chest, bi, shoulder, ... and so on)

Workouts

make relation between plan and day that it has to be done and show on this page

History

Once workout has been completed the log will be saved in database and this page will display all past workouts and its information

calender functionality

create a calender to allow user to associate a plan to a cirtain day or to plan future workouts

Milestones

record pr option will be given and once a pr is recoreded it will be displayed in the milestones page

use calenderjs for the calender interface and setting reminders