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

Time tracking dashboard solution with HTML, CSS, JS

Ctrl+FJ 750

@FlorianJourde

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


My first try for junior challenge ! It was VERY interesting, I'm feeling becoming more and more professionnal !

Don't be too hard, it's particulary new for me to work with JSON data objects ! But feedbacks are welcome, tell me what you think about it !

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Congrats on completing your first junior challenge! You've done a really good job! I love the responsiveness and the hover transitions on the cards. Excellent choice of layout for medium/tablet screen sizes 👍

One small suggestion for your HTML would be not to use h3 headings for the times. I wouldn't describe them as headings for the cards. Where it says "Work", "Play", etc. are the headings (which you've rightly put as h2 headings). The numbers are just content within each card. Personally, I'd use span elements because I wouldn't describe them as paragraphs either.

I hope that helps. Keep up the great work! 🙂

Marked as helpful

2

Ctrl+FJ 750

@FlorianJourde

Posted

@mattstuddert Thanks for this reply and nice comment ! I'm glad you liked it ! I'll take a note about your suggestion and read more content about headings and HTML semantics, generaly.

P.S.: You must know your website became my drug ! I feel far more comfortable to earn a job, from now ! Thank you

1
P
Matt Studdert 13,611

@mattstuddert

Posted

@FlorianJourde, it's awesome to hear you're feeling more comfortable now. Building projects like these are an incredible way to boost your skills! 🚀

Marked as helpful

1
Ctrl+FJ 750

@FlorianJourde

Posted

@mattstuddert For sure ! I was just bored about spending a day to instal right dependancies, fighting with database connection, or finding the right image for your header website, ahah... With FEM, you can just focus into coding ! Exercices design and .zip are so well done

I also like the way the challenges difficulty is growing very progressively - if you follow the level roadmap proposed.

1

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