Praixx/time-tracking-dashboard-main

Frontend Mentor - Time tracking dashboard solution

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.

Table of contents

Overview

My process

Overview The challenge

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

Screenshot

Links

Solution URL: (https://github.com/Praixx/time-tracking-dashboard-main)

Live Site URL: (https://dainty-sunflower-87afc4.netlify.app/)

My process Built with

Semantic HTML5 markup

CSS custom properties

Flexbox

CSS Grid = Javascript

What I learned

i had so much fun working on this because i was able to learn more about asyncronous javascript and working with externaml json file. i was also able to impliment the keyup or the key down funtion to change the controls and give you the data from each selected controls. i also learnt more about using conditional iteration. and i was also able to make the code as efficient as possible and also tried to fix any bug that could occur from when the user is using it.

Continued development Useful resources Author

Github - Olaoye Praise

Email - (praix1y@gmail.com)

Twitter - @Praixx_

Acknowledgments