Submitted 3 months ago

Time Tracking DashBoard Responsive and Dynamic Data with JSON

bem

Ethan John Paguntalan•260

@dev-ethanjohn

A solution to the Time tracking dashboard challenge

Preview Code

Solution retrospective

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

Playing around with JSON and asynchronous JS.

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

Coming up with the logic architecture. For example, should I put all into HTML the structure? how much JavaScript and DOM manipulation do I need to populate and style the layout? and many more. I lot of trial and error and continuous back and forth getting help guidance from google and AI.

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

I use sass for this, I'd love to get any feedback about how I structure my styles and overall code.

Code

Please log in to post a comment

Community feedback

P
KonradJam•1,140
@KonradJam
Posted 3 months ago
Hello @dev-ethanjohn

I have some suggestions for you:
- Use relative units throughout the project. There are places where you use relative units, and in some places you use px.
- In SASS you can close media query in CSS selector:
```
p {
   font-size: 1rem;
   @media (min-width: 64rem) {
      font-size: 1.5rem;
   }
}
```
- Instead of creating a li element and appending it to .activity-grid, you could make innerHTML to .activity-grid with li tag included. It will be more readable.

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