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

Time tracking dashboard ( Mobile first workflow | JSON)

jwalczak94 810

@jwalczak94

Desktop design screenshot for the Time tracking dashboard coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi Frontend Mentor community!

This is my solution for the Time tracking dashboard challenge.

The JavaScript part took me a while, but I finally managed to switch between data. I don't know if this is good solution so any hints on JS part are more than welcome! 🎁

Any feedback is greatly appreciated! Thanks! 😊

Community feedback

Youssif 280

@Youssif94

Posted

Your JavaScript looks fine to me, I personally didn't feel it was worth it to get the data dynamically from the JSON file, so I just hardcoded it to the JS file, after clicking the button, it changes innerHTML of the number of hours, that was it for me.

But your design looks really good, pretty much pixel perfect :)

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