Context
Personal workouts usually consist of specific timing intervals that users have the ability to customize themselves.
This website allows users to:
-
select from a variety of timers and organize their own workout queue to be able to follow along
-
see a progress bar on the whole workout and individual timers
-
share their personal workouts with friends and see history of completed workout
Process
The website was developed in multiple iterations.
Step 1: four separate timers
(website link)
Step 2: timers organized in a queue
Step 3: timers organized as a workout
Goal
Build a website, using React, for personal customized workouts allowing users to mix and match from four different types of timers:
1. Countdown
2. Stopwatch,
3. XY (X time per Y repetitions)
4. Tabata (work intervals and rest intervals per X repetitions)
Deliverable
Final features of the website include:
-
Stacked customized workouts with 4 different timer types
-
Ability to name personal workouts
-
Edit individual timers
-
Forward timers in workout queue
-
Persisting state for reloading pages
-
Workout configuration and progress stored locally for each user
-
Timer configuration stored in URL
-
Send custom workouts to others
-
Total time displayed & progress bar
-
Adding description to every timer
-
Personal workout history
