Preview: Add a countdown to your special events

October 03, 2018
countdown widget

Qards now has a countdown widget that you can use to track your special events

I'm a big UFC fan and always find myself converting timezones and trying to see what's the countdown to a certain event. The 229 is the biggest war in UFC history so I check that countdown a lot. Inspired by this I decided to have fun coding such a widget that would allow publishers to create a live countdown of their events.

0
0
0
0
days
hours
minutes
seconds
Ended on 2018-10-07 02:00:00Etc/UTCUFC 229 Khabib VS McGregor
Countdown to biggest UFC event in history

It's simple and could probably make use of some other options but I don't want to pollute the code with useless features so I'll just wait for feedback and see how far we can go with this widget.


The important parts displayed

Apart from the countdown itself, I find equally important to have the date displayed and also for it to be adjusted for my current timezone. It will still show the timezone (even though some might consider this info redundant) to make things absolutely clear.

Working with dates can be very confusing and I had my share with this plugin as some code was doing monkey business underneath but it works now as expected :).

Romeo Mihalcea

Programmer for over 15 years. I'm a full stack developer and a UX freak. Author of Qards.