Seerden / Rack

Exercise tracking

0 stars 0 forks source link

`Workout`: active session #5

Open Seerden opened 2 years ago

Seerden commented 2 years ago

Track a live workout session.

Seerden commented 2 years ago

Started implementing this in branch workouts/session/set-up.

Implementation:

Just brainstorming a little bit to get started. Need to implement, at least, the following things:

[ ] client-side route exposing WorkoutSession component
[ ] useWorkoutSession component hook that handles the component's functionality
[ ] expand workoutsByUser functionality to auto-populate query keys ['workout', workout_id] from useQueryWorkoutsByUser() onSuccess
[ ] subscribe to the above workout key from the component hook

Seerden commented 2 years ago

Session view

UI layout

This is really the meat of the MVP of this application.

Rest timer

Don't want to overcomplicate this to start with. There's no user settings yet. Use a base value and possibly allow updating it through local storage for now.

Circular appearance. Click to start, click to end. No pausing.
Circular progress bar.
Highlight time already rested, and target rest time.
Color progress bar: red -> orange -> yellow -> green -> blue -> black depending on percentage of total rest time already passed.

Seerden commented 2 years ago

I'm closing in on finishing the first working version of this view.

Some things to follow up on after this:

implement user settings: store weight unit here.
- probably want to create some handlers for converting displayed weights in the UI
... (there's more, see #17)