Skip to content
Submitted 5 months ago

Time tracking dashboard using asynchronized fetching

less
P
Alexwz89•480
@Alexwz89
A solution to the Time tracking dashboard challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

After around 8 hours struggle, I managed to complete this task. Very happy to review the Grid knowledge and get familiar with asynchronization function.

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

The major challenges:

  1. How to stagger the placement of the background layer in each task's dashboard dialogue box, as well as the preceding dialogue box.
  2. After using asynchronous fetch function fetch, how should I refresh the DOM after fetching the data.
What specific areas of your project would you like help with?

I'm trying to figure out what form the subsequent dialogue box should take after clicking "...", Is there an example of this on the web, or a screenshot. Thank you very much!

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Antoine•330
    @super7ramp

    Very nice work :)

    Implementation works as expected: Timeframes are filtered correctly according to the selector. There is almost no difference with the design, the page is responsive.

    The approach to keep in DOM only the data for the selected timeframe is interesting and the code is readable.

    Just a minor remark: The default selector "Week" is not highlighted when page opens.

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