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 Tracking Dashboard - NextJs React Tailwind

shalri 530

@shalri

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


What are you most proud of, and what would you do differently next time?

I am pleased with how I implemented the time frame cards. I had a hard time since Tailwind didn't play nice with the conditional classes I was passing through. I had to rawdog some CSS to make it work.

I also feel that my grid skills are improving.

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

The challenge I encountered was making the time frame cards reusable for all the time frames. Since they have some custom backgrounds I had to do some setup.

I am quite proud of how this challenge turned out. I added some UI enhancement for good measure.

I also didn't have the Figma files, so I was just eyeballing the mockup.

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

I am good for now. I am having fun and learning so much from these challenges.

Community feedback

TPAIN22 370

@TPAIN22

Posted

perfect

0

shalri 530

@shalri

Posted

@TPAIN22 Thak you sir

0

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