Gym App

Web app to keep track of your gym training.

Try it yourself: https://robinborg.github.io/gym-app/

Reason

Wanted to make an app that uses the information provided in this podcast:

https://hubermanlab.com/dr-andy-galpin-how-to-build-strength-muscle-size-and-endurance/

• Main timer 60:00 minutes
  
• 3 to 5 exercises
  
• 3 to 5 times a week
  
• 3 to 5 sets
  
• 3 to 5 repetitions
  
• 3 to 5 minutes rest
  If you are working for strength use 85 % of maximum weight
  If you are working for power use 40% to 70 % of maximum weight, because power = speed * strength

Gym app layout

• Main timer keeping track of time, default 60 minutes
• Track workouts and highlight current workout, show current set of sets
• Show current repetitions, increments sets
• Pause button: 3 to 5 minutes rest

Internal layout

• Following "ducks" pattern to structure the program
  
• src/features/sets contain the redux setup and the setList that displays the user entered exercises
  
• src/features/timers contain the redux setup for the break timer (3, 4 or 5 minute timer) and the 60 minute timer
  
• src/app contain all the visual Components and react-hook-form Component
  

App structure

• React for building the frontend
  
• Redux for controling state
  
• react-hook-form for getting user data
  
• Jest for testing
  

Run App locally and Test

• git clone https://github.com/Robinborg/gym-app.git
  
• cd /your-path-to-program/gym-app
  
• npm start to run app
  
• npm test to run tests