Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

React Custom Countdown Timer

@jianninetorres

Desktop design screenshot for the Launch countdown timer coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is still an ongoing project so no feedback is required at this time.

The countdown now works, though I'm still working on figuring out how to make the card flip as the time changes, among other improvements. I'm looking into learning GSAP for animations, and using a testing library like React Testing Library.

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hello there, Jiannine Torres! 👋

I checked out your solution on Chrome, and I think it's a cool idea! 😎 The functionality of your solution works pretty well for me! 👍

Perhaps something you do to improve your solution would be to take a look at your solution report and try to clear up some of the accessibility errors that are there. One or two design ideas might be to make the error text red or something and create a custom focused state for the input elements that matches the rest of the design. 😉

I wish you well with the rest of your project! 😀

Keep coding (and happy coding, too)! 😁

1
David Payne 1,205

@dpayne713

Posted

Hi Jiannie

I like this idea of the input countdown page, but I'm currently not able to get past it. Tried it in Safari and Firefox.

David

1

@jianninetorres

Posted

@dpayne713 Thanks for letting me know! I'll look into it. It should work just fine on Chrome.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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