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 trecking dashboard challenge

alvarozama 360

@alvarozama

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'm mostly proud of the fact that I was able to complete this challenge and the time it took me to do it. The few times i had worked with the fetch API to retrieve data if found the whole process to be somewhat convoluted and intimidating, so I was expecting the completion of this challenge to take me a few more sessions than it did, but in the end I was able to implement the desired behavior quite quickly, albeit probably not in a perfect way.

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

Creating functions that would update the displayed time stats according to the selected timeframes was challenging. While it seems like my code does what it has to, coming up with the aforementioned functions was mor of a trial-and-error kind of process rather than me actually knowing what I was doing. I'd say I was mostly lucky that it worked.

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

I feel like my fetch statemant is not very well polished, specifically in terms of the handling of errors. Other than that, I realized that when opening the console on the live site, everytime I toggle through the different timeframes a lot of unchaught TypeErrors appear and, in all honesty, I have no idea what that's all about. I'd appreciate if someone could point me in the right direction in terms of mending those errors.

Community feedback

Caelus 520

@Caelus111

Posted

Hello Alvarozama! I hope you are doing well! your front-end code is great and simple to read. but for the JS there is more shorter ways to do it without repeating yourself, actually doing the work than you. you can read more about fetch and how to change the content using innerHTML to change it without a lot of 'selected' and 'deselected' you did... it is working tho so it's just about preference and time saving... I am not a teacher or anything so I hope my idea reached you.

thank you! if you need more explaination, tell me brother.

Marked as helpful

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