Skip to content
Submitted about 2 years ago

Mobile-first Time Tracking Dashboard using SASS/BEM/JS

Deborah Robbiano•600
@debriks
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Time tracking dashboard
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hi Guys! Here's my solution to the Time-Tracking Dashboard challenge. The cards are added in the JS using the JS append function.

As usual, feedback would be greatly appreciated ✨

Community feedback

  • Adriano•38,410
    @AdrianoEscarabotePosted about 2 years ago

    Hi Deborah Robbiano, how are you?

    I really liked the result of the project, but mainly for the way you did it. I noticed that you took the data from the json file, it was very good by the way! In my last challenge I did that, but I had to make my own json file hahahah, it took a lot of work but it was cool, do you think it's worth me doing this one too? but, of course, I will use and train some new resources.

    Marked as helpful
    1
    Deborah Robbiano•600
    @debriksPosted about 2 years ago

    @AdrianoEscarabote Hi Adriano! Thank you for your comment! Yes this challenge was very good on a lot of levels, got me to practice CSS Grids and the ‘append’ function in JS that allows you to make the HTML less redundant. I definitely think you should try it. Good idea also to practice making your own json file, I’ll do that too. Cheers ✨

    1

Please log in to post a comment

Log in with GitHub

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