Launch Countdown Timer - Made with PQINA Flip Counter Plugin

PROJECT OVERVIEW: This project was created using HTML, SCSS, JavaScript, Vite, and the PQINA flip counter plugin. 👍

MAIN FOCUS: My primary focus for this project was using the flip plugin properly and getting the design as close as possible to the challenge.

PERSONAL CHALLENGE: Initially, I wanted to build this "flip" animation on my own but quickly realized how much of a challenge that would have been. So instead, I challenged myself to use the plugin and I added the extra functionality that allows users to change the date in real-time.

OVERALL THOUGHTS: I have so much respect for individuals that are CSS masters. Creating complex animations/designs with CSS requires so much patience.

WHAT I LEARNED: I figured out how to use a plugin for the first time. I started by learning how to add it my project, then tweaked the ready-made script to add the custom change date functionality. This taught me something I know will come in handy as I start using more plugins or third-party libraries in the future.

STRUGGLED WITH: Again, initially I really struggled with making the CSS "flip" animation. Even though I tried to build the animation from scratch, one step at a time, I quickly realized the complexity. I wouldn't say I gave up, I just found a different path.

FINAL THOUGHTS: I am so blown-away by other peoples work, such as the plugin I used, I can only imagine how much work they put in. I hope one day I can contribute something useful to the development community.

Thanks for reading! Enjoy your day!

~Juan