The core functionality Personal Trainer provides is around workout and exercise building. Everything is there to support these two functions. In this section, we focus on building and editing workouts using AngularJS.
WorkoutPlan model has already been defined, so we are aware of the elements that constitute a workout. The workout builder page facilitates user input and lets us build/persist workout data.
Once complete, the workout builder page will look like this:
The page has a left navigation that lists out all the exercises that can be added to the workout. Clicking on the arrow icon on the right adds the exercise to the ...