Submitted 3 months ago

Time Tracking Dashboard

Abdullah Bin Soulat• 110

@AbdullahSoulat

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Time tracking dashboard

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?

Managing data from a json file and displaying it properly on the page.

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

Some issues with checking classes in JavaScript

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

Currently, I remove 6 cards, when updating the UI. I would like to remove all cards in the grid except the profile using classes

Community feedback

yinnie• 280

@wcyin9

Posted about 2 months ago

Hi, great job on completing the challenge! Everything is working correctly and your solution is very close to the design given. One thing I would like to comment on is that the animation may be too distracting to the user, but that can be a personal preference. The user profile card also jumps a little bit upon clicking the tabs, which could make it look like a bug

Abdullah Bin Soulat• 110

@AbdullahSoulat

Posted about 2 months ago

@wcyin9 Thanks for the detailed review. I added the animation for practice sake and as for the profile card jumping around I'll have a look at that.

duongns-vn• 210

@duongns-vn

Posted 2 months ago

Very good code, congratulations. But perhaps the Zoom (@keyframes pop) effect seems to cause a not-so-great experience on mobile. Wish you happy coding.

Abdullah Bin Soulat• 110

@AbdullahSoulat

Posted about 2 months ago

@duongns-vn Thanks I'll have a look at that

Please log in to post a comment

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