Skip to content
Submitted over 3 years ago

Time tracking dashboard | HTML,CSS,Javascript | Anime.js | Webpack

accessibility, bem, node, webpack
bunee•2,020
@buneeIsSlo
A solution to the Time tracking dashboard challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hey! guys, I completed another challenge. What seemed to be a fairly simple challenge at first, had some really head scratching elements to it. Took me a while to complete, but in the end I got there.

Some not so necessary features

  1. Added a "loading" screen.
  2. Added some mildly satisfying hover effects.

Questions

I have no particular questions for this one, but would love the read your thoughts on it. Personally I feel like the code could have been much more efficient and accessible.

Acknowledgement

I want to thank @FlorianJourde and @beslerpatryk. Initially I wasn't so sure of how I'd approach this challenge, but looking through both of their solutions I picked up some really useful things.

Click here to view the Live Site

Click here to view the Code

P.S. If you have any questions for me, Feel free to comment or message me on slack :)

Code

Please log in to post a comment

Log in with GitHub

Community feedback

  • I•300
    @igor-ostojic

    WHAT THE HELL !

    This is insanely well done....

    I am seriously speechless...

    Do you maybe have any tutorials / guides on how to achieve that loading animation and the initial dashboard animation ?

    Everything is so smooth i can't stop replaying it....

    And one more question , since i have just done this challenge, is there any way to animate the changing of content when it is fetched from the JSON file and rendered to the HTML ?

    Thank you in advance ! Amazing amazing work once again.

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