Skip to content
Submitted over 2 years ago

Time tracking dashboard (First Mobile)

Thiago Moreira•300
@othiagomoreira
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Time tracking dashboard
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

• I tried to add an animation to the numbers with a for loop, the idea was that it would start at 0 and would increase to the predicted value in the data.json, but I couldn't, if anyone knows how to do it I would be grateful!

Any feedback will be appreciate. 😜💕

Community feedback

  • bunee•2,020
    @buneeIsSloPosted over 2 years ago

    Hey! @othiagomoreira, Great job on the challenge. The only thing you're page is missing is focus styles on the report buttons

    To achieve that animation you should look into setInterval() or requestAnimationFrame(). You could also use CountUp.js.

    Hope this helps :)

    Marked as helpful
    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