Skip to content
Submitted about 1 year ago

Frontend Mentor - Time tracking dashboard

tailwind-css
SMHN•200
@smhnfreelancer
A solution to the Time tracking dashboard challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?
  1. I use the Tailwind CSS, and it's made it more challenging.
  2. I used the fetch API and the .then approach.
What challenges did you encounter, and how did you overcome them?

I was stuck with the javascript at the beginning, then I created another subgrid div, which I appended the dynamically generated content, then the problem was solved, but for an unknown reason my Event Listeners were not working properly.

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

I need more guidance and reference in terms of Javascript, so I will go for the OOP approach later on.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • P
    Robert Crocker•410
    @robcrock

    You did an amazing job matching the design. I finished this challenge as well, but I didn't work nearly as hard thanks to levering React. You probably learned more taking the raw Vanilla JS route, but I would encourage you to try again in the future with something like React or Svelte. You're very talented to complete this task the way you did.

    I also wanted to say that I took the subgrid approach too, but then I figured out that I could simplify things by creating a grid with 4 columns and letting the profile card span 2 rows on desktop. The dynamic row span approach allowed me to completely remove the subgrid concept and greatly simplify my code.

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