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 [React, Tailwind]

#react#tailwind-css
King 310

@king-oldmate

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


I had to cheese things a bit since I had some difficulties with dynamic styling with Tailwind and React, but it doesn't seem to have impacted the production build.

How does one ensure that they are building an accessible website whilst using React?

Community feedback

Aadvik 1,250

@Aadv1k

Posted

Hey man! I was curious to see your source code, since I myself just started using tailwindcss, but I couldn't find the actual source, instead it was the minified production code; I would suggest you keep your src folder separate and gitignore the destination folder, and simply add a build command to netlify. You can reach me out via twitter or mail and I can help you set it up. You can also take a look at my repo of fem projects

Marked as helpful

0

King 310

@king-oldmate

Posted

@Aadv1k ah sorry man, I didn't even think about that. I'll keep all that in mind for future projects for sure. If you still want to see the source code please let me know.

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