Submitted over 2 years ago

Responsive Layout Time Tracking Dashboard with CSS Grid and Flex

#firebase#gatsby#graphql#react#styled-components

Nurcholis• 420

@cholis04

Preview site View code

This is a solution for...

Time tracking dashboard

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Community feedback

Jordon Young• 120

@jordon-young

Posted about 2 years ago

The count up is sweeeet!

Your desktop layout is brilliantly accurate. This is a good example of how the little things (animations and interactions) are what bring everything to life.

Nurcholis• 420

@cholis04

Posted about 2 years ago

@jordon-young Thank you. I also just found out about this library. This is so amazing

Abdulazeez umarfaruq• 100

@Simplyauf

Posted about 2 years ago

Nice

Nurcholis• 420

@cholis04

Posted about 2 years ago

@Simplyauf Thanks

Maria• 200

@mariapenaa

Posted over 2 years ago

Really nice! I love the number animation

Nurcholis• 420

@cholis04

Posted over 2 years ago

@mariapenaa Yes, I like it too. This was created using CountUp JS (https://inorganik.github.io/countUp.js/)

Kamasah-Dickson• 5,610

@Kamasah-Dickson

Posted over 2 years ago

That's a very good solution keep it up Keep coding👍

Nurcholis• 420

@cholis04

Posted over 2 years ago

@Kamasah-Dickson Thank you 🔥

bikeinman• 1,080

@BikeInMan

Posted over 2 years ago

Wow! Great work! Is that numbers animation a part of the requirement too? How much time did it take you to finish this challenge.?

Nurcholis• 420

@cholis04

Posted over 2 years ago

@BikeInMan Thank you very much.

Number animation is not part of the requirements, I just did a little improv experiment.

The time I spent to complete this challenge is approximately 3 days

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