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

Responsive Time Tracking Dashboard with data pulled from JSON

@nullpuppy

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


What are you most proud of, and what would you do differently next time?

Overall, I'm pretty happy with what I came up with here. I'm not totally sold on the markup I used and how I'm referring to the various dynamic bits in javascript, but that's mostly due to the constraints of the challenge. I think in the future, when I approach a problem like this, I might explore using web components or otherwise break things up into something more maintainable.

What challenges did you encounter, and how did you overcome them?

No real challenges here to take note of. Working through how to match the styling of the cards/tiles was interesting, but just took time and experimentation to find something that worked well.

What specific areas of your project would you like help with?

Any feedback is welcome!

I'm not sure how I feel about the some of the markup I settled on. It works, but I feel like there's probably a better approach, which could help with the javascript side of things as well.

Community feedback

Si1entERA 450

@Si1entERA

Posted

Hello @nullpuppy

Congratulations on the completion of the project.

I found myself learning more from your project and the different types of approach to completing the challenge and in regard to any modifications or improvements on the project, have nothing to point out. your project is amazing.

1

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