Submitted over 1 year ago

Countdown with flipping cards

react, vite

Guillermo Dominguez•440

@memominguez

A solution to the Launch countdown timer challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

BONUS achieved: When a number changes, make the card flip from the middle
Extra added: A target date & time selector.

The target date & time selector is a third party library: react-datepicker

What challenges did you encounter, and how did you overcome them?

The particular challenge was how to flip the cards programmatically. A combination of CSS and React logic.
Sorry about: The target date is kept in just computer memory, so it is erased on page reload. But the user can reset it, and the countdown resumes.

What specific areas of your project would you like help with?

Any feedback would be appreciated.

Code

Please log in to post a comment

Community feedback

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