Building workout journals

I have started coding workout journals. The feature is quite large and will take couple of months to get done. Here are the basic features that will be in the first release:

  • Workout routine pages will get a new tab called Journal
  • Workout journal page will contain a graph that initially displays the total work done for each workout (plus the total amount of work done in the workout routine)
  • In practice this means that if you have a workout routine that contains three workouts, you will see four lines: one for each workout plus a line that visualizes the total work done in the workout routine
  • Above the graph will be a dropdown menu where you can select exercises (that are in the workout routine) and display their total work


Update 1 (on 26.3.2012): Got a simple graph styled:

It’s done using flot – Attractive Javascript plotting for jQuery

Update 2 (on 18.4.2012): Things are starting to look good!

I’m able to now input (and delete) entries and the data is drawn onto the graph. There’s a table also below the graph that displays additional information about the entries. I also added my comment module to the page:

Update 3 (on 20.5.2012): Almost there!

All of the most important features are now ready. I still got around 6 tasks to left, including handling the changes done in the workout routine, since they should somehow be reflected to the workout journal also.

Here’s what the workout journal now looks like:

New feature: sets and reps for exercises

It’s finally here! :) Sets and reps can be added using a simple format, eg. 12, 10, 8, 6. They are also calculated into the workout routine load, so from now getting enough work for each of the muscles is super simple! See a live demo at

Here are couple of screenshots:

Managing sets and reps:

Viewing sets and reps: