Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 4 years ago

⏳Launch Countdown Timer | HTML-CSS-JavaScript | Canvas | Webpack

accessibility, webpack, node
bunee•2,020
@buneeIsSlo
A solution to the Launch countdown timer challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Wow! I severely underestimated this challenge, trying to create the card flip animation consumed a lot of my time. Not particularly proud of the code on this one, but with some help, I got there in the end.

Features

  • Added particles effect instead of the static stars background.
  • Added animations on page load.

Questions

  1. Is the particles effect smooth on your device?
  2. At the moment, canvas does not resize along with the viewport. Do you know how to fix it?
  3. Did you find any bugs?

of course, I'd be happy to receive any kind of feedback you have for me.

Acknowledgment

  • I'd like to thank @tediko for his solution to this challenge. After studying his code, a lot things became apparent to me.
  • Also shout out to this one person on slack(I'm sorry I lost their username) for showing me this useful codepen

Click here to view the live site

Click here to view the code

P.S. If you have any questions for me, Feel free to comment or message me on slack :)

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on bunee'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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License