Skip to content
Submitted about 3 years ago

time tracking dashboard app with local JSON, Fetch API, Async/Await

Marcos•95
@marcosfsousa
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Time tracking dashboard
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I wanted to start practicing with JSON and the Fetch API and with this challenge I got just what I wished for.

What seemed another head scratcher at first with heaps of lines of JS code resulted in a quite simple few lines with a forEach() function. Nonetheless, I've seen here much more elegant solutions for this challenge.

There is room for improvement as always!

I appreciate your time to look at my code, critique and help in any way possible.

Obrigado.

Community feedback

  • FocusCookie•350
    @FocusCookiePosted about 3 years ago

    If you change to daily the previous text should say "Yesterday - xhrs".

    In your script, you could write a high-level function like updateActivityCard(elements, values) and in there you use yours for a loop. The loop is repetitive within you script.

    I like the hover effect on the theme cards btw :)

    Marked as helpful
    0
  • Samir•420
    @ryuzaki979Posted about 3 years ago

    You did great. Here is my solution for this challenge https://www.frontendmentor.io/solutions/time-tracking-dashboard-h4WS8J_gO

    have a look.

    1

Please log in to post a comment

Log in with GitHub

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