Time Tracker Dashboard using ReactJS and CSS Grid
Design comparison
Solution retrospective
This was a fun project to build. I build this project in ReactJs to get started into it and this was the perfect project to be made with React as the data was pretty much dynamic and vanilla js would have been a little time-consuming. I added some animations. Your feedback is much appreciated
Community feedback
- @shashreesamuelPosted over 2 years ago
Hey good job completing this challenge.
Keep up the good work
Your solution looks great however I think that the container itself can be scaled up a little bit using
transform: scale()
.I hope this helps
Cheers Happy coding π
Marked as helpful1@sansarj17Posted over 2 years ago@TheCoderGuru Yes, i do think so too. Thanks for mentioning.
0 - @ApplePieGiraffePosted over 2 years ago
Hi, sansarj17! π
Good job on this challenge! π The little hover animations that you added to the cards in your solution are quite fun! π
I'd like to suggest adding
cursor: pointer
to any of the clickable elements on the page (such as the time frame buttons to the left of the page). That just makes it even clearer to users that those elements can be interacted with.Also, tiny nitpickβI think adding some padding to the sides of the page to put some space between the content of the page and sides of the browser window would be a nice touch. π
Keep coding (and happy coding, too)! π
Marked as helpful1@sansarj17Posted over 2 years ago@ApplePieGiraffe I can't believe it's youπ π . I was just checking out your profile past week and wondering about it. Thank you very much. The hover animations tuned out pretty fun.ππ I was literally just playing with it, hovering over random for like 5 mins. The padding is a great idea, I didn't give it a thought. Overall thanks for your feedback.
1
Please log in to post a comment
Log in with GitHubJoin 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