Skip to content
Submitted almost 2 years ago

Responsive Time tracking dashboard - TailwindCSS

accessibility, lighthouse, tailwind-css
Kimo Sparkā€¢2,190
@kimodev1990
A solution to the Time tracking dashboard challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi there šŸ‘‹, This is my solution for this challenge.

šŸ“‘ Features:-

  • Achieved 100% in Accessibility, SEO, Performance and Best Practices at Desktop Lighthouse. šŸ“Š
  • Achieved 100% score in Accessibility, SEO & Best Practices and 99% in Performance at Mobile Lighthouse. šŸ“Š
  • Styling implemented using Tailwind CSS šŸŽØ
  • Reading data on JSON file & rendering it to the JavaScript using JSON.parse( ) šŸ“
  • Showing no. of hours according to the chosen time (daily, weekly, monthly). āœØ
  • Document Object Module ( DOM ) šŸ“
  • addEventListener( ), forEach method in JavaScript šŸ“
  • FlexBox šŸ“¦
  • Code formatted using Prettier šŸ’»

I'll appreciate any suggestions & feedback to achieve better performance.

Thank you. āœŒļø

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Kimo Spark'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