Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Time Tracker Dashboard with React and TailwindCSS

@JuanRamirez2000

Desktop design screenshot for the Time tracking dashboard coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This one was difficult for me because i had to learn how to position divs on top of each other. That and using data.json was hard to work with because I had to dynamically import images and change styles based on the title of the activity. This can be seen in the component ./src/components/TimeCard.tsx.

Any info on how I can change the classNames and also import images easier would be highly appreciated!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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