Skip to content
Submitted about 3 years ago

Time tracking dashboard using HTML CSS and JS interacting with JSON

Mathis•770
@MathisHumbert
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

I had a lot of fun doing this project. I learned a lot about JSON files and how to interact with them, at the begining i struggled with those JSON files but the solution was quite easy.

Feel free to coment my code!

Community feedback

  • Fidel Lim•2,775
    @fidellimPosted about 3 years ago

    Hi Mathis,

    Great work on this project! It works perfectly for both desktop and mobile views. You even added some animation! Just a suggestion, you might want to add a margin on the <main> tag. So that when the view goes to mobile, there is still spacing between the border of the screen and component. It is also great to give some breathing room for components.

    I hope it helps :) Well done.

    0
    Mathis•770
    @MathisHumbertPosted about 3 years ago

    Hi Fidel Lim,

    Thank you for your reply. Yes you right i forgot to put some margin for my main, i often forget to because I work with a big screen. Now i will not forget thanks to you!

    1
    Fidel Lim•2,775
    @fidellimPosted about 3 years ago

    @MathisHumbert Welcome! Good luck with your future projects!

    0

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