Submitted about 3 years ago

Time Tracker Dashboard with React and TailwindCSS

react, tailwind-css, vite

LVL 2

Juan Ramirez•170

@JuanRamirez2000

A solution to the Time tracking dashboard challenge

Preview Code

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!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Juan Ramirez’s solution.

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