Submitted about 1 month ago

CSS, HTML & JS

samir-Deve• 350

@samir-Deve

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Time tracking dashboard

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Nothing

What challenges did you encounter, and how did you overcome them?

Serving my web page on local host was a little bit challenging, it was my first time serving a web page on local host, I even didn't know that something like this existed !

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

I don't any help but I know that I should add one more or maybe tow media queries to my CSS

Community feedback

Sam Hooker• 410

@35degrees

Posted about 1 month ago

Nice JS code! I like how you push the fetched data to an empty array with each click, I was looking for ideas to shorten my code and this helps. I think a general rule for JS variables is to start with a lower case letter every time (like 'timeTrackCount' instead of 'TimeTrackCont') and you could have written some conditionals so it says '1hr' instead of '1hrs'. Also I would have put in a max-width on the grid, it stretches so much on a desktop layout. Thanks for sharing!

samir-Deve• 350

@samir-Deve

Posted about 1 month ago

@35degrees thanks for feedback !

Alex 🤸🏻‍♂️• 700

@sksksk2024

Posted about 1 month ago

Hellow, samir-Deve!! 👋👋👋 Your code looks pretty good. Two things to keep in mind: the 'take care' card doesn't appear on your website( maybe because you didn't put the 'e' on this fragment of your js: <div class="card self_car_card"> ) and simplifying your js can be a way to debug and ensure the site works as it should be. Good job on compliting this challange and keep it up!! 🔥🔥🔥

samir-Deve• 350

@samir-Deve

Posted about 1 month ago

@sksksk2024 thanks for your feedback mate, I omited to see that :)

Please log in to post a comment

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