Launch Countdown TImer

Solution retrospective
I am most proud of building a functional, accurate countdown timer using React and Tailwind CSS. My focus was on ensuring the time calculations (converting milliseconds into days, hours, minutes, and seconds) were robust and that the UI remained responsive on all screen sizes. Next time, I would like to experiment with CSS keyframes or a library like Framer Motion to add the "flip" card animations to match the design even more closely.
The main challenge was managing the setInterval logic within the React component lifecycle. I had to ensure that the interval was properly cleared when the component unmounted to prevent memory leaks. I overcame this by using the useEffect hook with a cleanup function.
What specific areas of your project would you like help with?I would like feedback on the flip animation.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Batong Gevaise’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