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

P
Tuna Erten 220

@tunaerten

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?

I didn't have much trouble with the CSS part. I got stuck a bit on the colored part of the cards. Initially, I did it using a pseudo-element, but then I changed it later. This part took some time. It was quite a fun project.

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

In the JS part, rendering the view also took a while. In my first code, I could see the view when I clicked on the daily or weekly section, but when I loaded the page, the activities didn't show up. However, I realized I only needed a single function I hadn't noticed. I think I won't get stuck on this part for so long in my future projects.

Community feedback

P
Austin H. 270

@austinh-io

Posted

This looks great, your JavaScript is much more concise than mine was!

Marked as helpful

1

P
Tuna Erten 220

@tunaerten

Posted

Thank you! @austinh-io

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