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 with Vanilla JavaScript

@fabricioceppi

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 everybody! Here is my solution to the Time Tracking Dashboard challenge. I wanted to practice creating dynamic content from the data in the JSON file. So in addition to the filter proposed by the challenge, I set out to create the dashboard content from a function that iterates through the array in data.json and creates each of the divs containing the various activities. Maybe I could do the same with the block containing the person's data so that the component would be completely dynamic and it would be enough to pass another JSON to the fetch() request to display another person's activities.

Any feedback is greatly appreciated!

Community feedback

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