This is a solution to the Time tracking dashboard challenge on Frontend Mentor.
Frontend Mentor challenges help you improve your coding skills by building realistic projects.
The Challenge is to build out this dashboard and get it looking as close to the design as possible.
Your users should be able to:
- 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
- The text for the previous period's time should change based on the active timeframe. For Daily, it should read "Yesterday" e.g "Yesterday - 2hrs". For Weekly, it should read "Last Week" e.g. "Last Week - 32hrs". For monthly, it should read "Last Month" e.g. "Last Month - 19hrs".
This is the Screenshot of my work!
- Semantic HTML5 markup
- SASS
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- NPM
- Vite
- Vue Js
- Composition API
- Vue Router
- Solution URL: Solution URL here
- Live Site URL: Live site URL here
- GitHub - Souleymane Sy
- Frontend Mentor - @SouleymaneSy7
- Twitter - @Souleymanesy43