Skip to content
Submitted almost 4 years ago

React Custom Countdown Timer

Jiannine Torres•210
@jianninetorres
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Launch countdown timer
  • HTML
  • CSS
  • JS
3intermediate

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

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted almost 4 years ago

    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
    @dpayne713Posted almost 4 years ago

    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
    Jiannine Torres•210
    @jianninetorresPosted almost 4 years ago

    @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

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