545 replies

CDL-Workout - Looking for some help with styling this "portfolio project"

Yo!

https://github.com/callum-laing/cdl-workout

I've been messing with this for a few days as the original styling was horrendous (see image for screenshot from my portfolio).

I've changed it to a single column view as I think it works better, especially if diving between Desktop/Mobile (I imagine most usage will be mobile, which is where I use it).

Currently you "Add Workout" to then create a workout day, for me it's something like Push Day, Leg Day, Pull Day etc...

Then you Add Exercise to give that day a workout (Name, Reps, Sets), this line currently also gives you the option to delete that day.

THEN you see the workout day in table view, with an edit button to delete an exercise if you want..

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

To the present. Here's what I'm thinking. Instead of having all these bloody buttons, I'm wondering if it would be better to instead have "Add Workout", which populates the day into the table, and from there you have "Push Day" [Add] [Edit]. Clicking Add will add 3 input boxes below the current text for Exercise, Sets, Reps. Clicking Edit will reveal the "Action" column to delete an exercise... I'd love to be able to edit the exercises/sets/reps but I've no idea how to code that.. (when you hit edit, it basically turns every text into an input box with the text in there for your to edit, or keep as is).