Creating the timeline

Last week was a hassle, from the Covid-19 outbreak and lead to the need to work from home. I haven’t put enough time into the app as much as I wanted.

However, I did make some progress. The area that I want to tackle first on is the timeline on the time tracking dashboard page. Why? because it seems fun. Here the sneak peek of what the first version looks like.

Timebinder Timeline v1

First I try creating the timeline using SVG.js and it did work out fine. However, I think canvas fits my purpose better so I recreated it using fabric.js

I believe the application itself is not complex but the UI and UX must be right in order for the user to even consider using it. So I’ll be focusing more on the UX/UI of the application.