time.wise

This is a little exercise to test your knowledge. See for yourself ;)

  • take a look at the code and fix it
  • focus is on naming/layout & semantic elements
  • (optional) once the html is clean we'll add js

We'll discuss every step of the exercise, all questions are welcome. Feel free to change the design at your leisure :)

Happy hacking!

Dev

This project uses SASS, you know what to do...

Milestones

  • Get rid of the modal dialog
  • Take care of all the divs
  • Do a thorough naming check (variables, classes etc.)
  • Overhaul the layout (sizing/flexbox/grid?)
  • Change the colors
  • Make it smooth (i.e. style details)
  • Add example-entries
  • Add a container to show the total
  • Add a section for user input
  • Add an add-button
  • Read example-entries from an array
  • Render the information to the list
  • Add functionality to the input section/button
  • Implement localStorage
  • Test & clean up