Submitted 7 months ago

Time tracking dashboard with react

Dagim Tizazu• 240

@DagimTizazu

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

Hi, this is my solution for the time tracking dashboard challenge.

🎒 Features:

Mobile-first workflow 📱
Resemblance with the original design 📐
See dynamically generated stats based on the data provided in the local JSON file
View the optimal layout for the site depending on their device's screen size 🖥️
See hover states for all interactive elements on the page 🖱️
Switch between viewing Daily, Weekly, and Monthly stats

🔨 Built with:

React - JS library
Sass - CSS preprocessor
vite - Build tool

Looking forward for your comments 😊

Community feedback

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