Skip to content

Latest commit

 

History

History
39 lines (34 loc) · 1.52 KB

README.md

File metadata and controls

39 lines (34 loc) · 1.52 KB

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