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

@Shakil-a

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


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

Most proud:

  • Using fetch to get the data from the json file
  • creating an algorithm to get the data first before coding
  • getting better and more familiar with grid

different next time:

  • I will have a look at other solutions to this challenge to look at how i can optimise the code

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

challenge 1 and solution:

figuring how to grab the data and display it, i first created an algorithm step by step to see what needs to be done and then started coding the solution

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

I would like help on:

  • how to make it more responsive from lower sizes to larger screen sizes whilst being smooth, would it be like one column, then two and then the four on the full desktop version

  • possibly a better method to have used for the javascript

Community feedback

@ShivamRajput57

Posted

i thinks you set the opacity in the user heading section also

0

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