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

Michael 100

@mikeyxx

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


Before I started working on this task, I was a little bit scared wondering how I was going to work on the JS part of it which turned out to be simple at the end of the day. Turned out that the hard part was getting the mobile and the desktop layouts right. I learnt how important your html markup is when it gets to the layout where you get to apply your css. I worked on the layouts alone for about two days so it was very tough. Lots of debugging.

I'd love your feedbacks please!

Community feedback

Jaronimas 375

@jaronimas-codes

Posted

Good day, Sir,

IMHO, you haven't done the JS part as it was suggested in the description of the task. You should use data.json file to fetch the data. I would say it is nice opportunity to practice async/await, promises or http requests as well as css grid to make your solution responsive.

Regards, Jaronimas

Marked as helpful

1

Michael 100

@mikeyxx

Posted

@jaronimas-codes Thanks for your feedback. Yeah I agree that it is a nice opportunity to practice. I will work on that

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