Skip to content
Submitted 4 months ago

Time Tracking Dashboard

Abdullah Bin Soulat•110
@AbdullahSoulat
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

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
    @wcyin9Posted 4 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

    0
    Abdullah Bin Soulat•110
    @AbdullahSoulatPosted 3 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.

    0
  • duongns-vn•210
    @duongns-vnPosted 4 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.

    0
    Abdullah Bin Soulat•110
    @AbdullahSoulatPosted 3 months ago

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

    0

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