Launch countdown timer

Hello! This is my solution to the Launch countdown timer challenge on Frontend Mentor.

Live Site URL

https://buneeisslo.github.io/launch-countdown-timer/

Built with

• HTML
• CSS
• Mobile first workflow
• JavaScript
• Webpack
• Node.js

What I learned

• Creating particles with HTML Canvas
• Using Window.requestAnimationFrame() to create smooth animations
• Using data element to modify content
• JavaScript Date objects and some of its methods

Resources

• Reddit post on how to create a snowfall effect using canvas
• Codepen on how to create the countdown flip animation
• Tediko's repo on the same challenge
• Video tutorial on how to create a countdown timer

Acknowledgement

• Thanks to tediko I was able to create my solution.
• The particles effect in this solution was inspired by this repo.