Andrew/workout building

[andrew-sequeira]

What has been done?

Summary Front End

• Created the following pages
  • build workout
  • refactored and copied exercise page to use as add exercise page
  • add exercise details page
  • edit workout page
• created 2 atoms to store edit information on workout and build information

Detailed info on Front End

• set up /build page which allows for the following:

  • build by workout or routine (routine not implemented yet)
  • set public status for if want others to be able to use
  • add a name to the workout
  • add an exercise
  • redirects user to /build/exercises page where user can select an exercise to add
  • once exercise is added, redirected to add exercise details to set the number of sets, reps and any notes
  • validates to ensure number of reps and sets is greater than 0 and is a number before allowing to add to workout
  • save the workout
  • will perform validation on name, and ensuring atleast one workout is added
  • send workout and workout exercise information to back end to save in database
  • upon clicking on an exercise in the workout, will allow for editing of the workout exercise (sets and reps)

• modified the view workout details page /workouts/:id to allow for the following

  • start workout (currently just routes to dummy page)
  • edit workout
  • go back to browsing workouts

• created /workouts/edit/:id page

  • this page allows for
  • changing public status
  • changing name of workout
  • adding additional exercises
  • deleting exercises
  • also allows for editing of current exercises (changing number of sets and reps) only if the current user is the user who created the workout

• set up the exercise details page /build/exerciseWorkout

  • this page does not allow for editing of exercise name
  • allows for entering of number of reps, sets and any notes

Summary Back End

• set up post route for workout creation
• set up put route for workout updating

Detailed info on Back End

• for post route
  • back end will create the workout in the database
  • then create each workout exercise object which stores reps, sets etc information and is related to workout in database
• for put route
  • will update the workout with new name and or new public status
  • will then update all currently existing exercises within the workout
  • will also create new exercises added to the workout
  • will also delete any exercises that were removed from the workout from the database

Other Notable Items

• updated all api calls to use env variable API_URL for compatibility with delpoyment
• added ability to browse exercises from browse page
  • this is however just browsing exercises and doesnt allow for adding to workout or creating workout from here
• multiple dummy pages set up to handle dealing with atoms and use states so there are no issues
  • users will be redirected to another page for things like deletion and updating, however for the UI experience they do not see anything, this dummy page is just to handle back end actions and should not have any impact on user experience

Usage

• to edit a workout

  • from /browse page, select a workout
  • click the edit button
  • adjust the name, and public status as necessary
  • click on an exercise panel to edit the number of reps and sets
  • click add button to add a new exercise
  • click the plus icon to add an exercise then enter the number of sets, reps and any notes
  • click on trash icon to delete exercise from workout
  • click save workout to save workout to database

• to build a workout

  • navigate to the /build page
  • enter a workout name and set public status
  • add exercise by click on add exercise button
  • select an exercise to add by click on the plus icon
  • enter the exercise details, then save exercise
  • if made a mistake, click on the panel for the exercise you wish to update and update any information that is incorrect
  • to remove an exercise click on the trash icon
  • once complete, click the save workout button

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
fit-future	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 18, 2024 4:43am
fit-future-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 18, 2024 4:43am