Submitted almost 5 years ago

AlpineJS to update countdown every second

@jkenlooper

A solution to the Launch countdown timer challenge

Solution retrospective

Haven't done much with CSS lately and wanted to refresh those skills. This solution uses AlpineJS to update the countdown timer every second. It starts at the initial duration and pauses for few seconds before starting so the screenshot can get the correct time. I started with the desktop design and then scaled things down for the mobile design which got a bit messier then I'd like. I'm sure there are lots of clean up for this, but I feel I spent enough time at it for the challenge.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Jake Hickenlooper's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord