Time tracking dashboard

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

I'm proud that I was able to implement the HTML structure and the CSS styling very easily. Using the different properties of Flexbox and CSS Grid allowed me to structure the layout as I wanted for different screen sizes. I also came up with the JavaScript functionality quite fast, I didn't have much trouble figuring out how to make the project work as it is supposed to. Next time I would like to work with async/await.

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

The first challenge I encountered was to position the elements according to the design for the different screen sizes. I solved this by taking advantage of the grid-template-areas property. This allowed me to position the elements exactly in the space I wanted them to be. The second challenge was on how to populate the DOM. I solved this by, after fetching the data I would loop through the DOM elements and the data to assign the correct value to the correct element.

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

• Suggestions on how I can improve the accessibility or the HTML in general.
• Better practices or ways to improve the CSS code.
• Any mistakes I might have overlooked.