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

Responsive Time Tracking Dashboard Using JS OOPS Concept & JSON load

P

@KrishnaVishwakarma1595

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


Hello, Mentors

This is my responsive solution for the Time Tracking Dashboard challenge. I continued using the JS OOPS concept and loaded the dummy JSON data file using fetch() API.

My Learnings

  • Writing semantic HTML5 markup with HTML accessibility
  • Working with CSS Grid & Flexbox
  • Mobile/Desktop first workflow
  • Animating elements
  • Importing JSON data
  • JS OOPS Concepts

Resources

Please review these solutions, do like, share, bookmark, or comment here. Let me know your valuable feedback to continue my learning curves. Thanks!

Keep Mentoring :))

Community feedback

Seth Brown 170

@sukaloaf

Posted

Super clean! It's practically a pixel perfect copy of the design

1

P

@KrishnaVishwakarma1595

Posted

@sukaloaf Thank you so much for this appreciation.

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