Time Tracking Dashboard

🎯 Challenge

• 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

🐱‍💻 My Process

Built with

• Semantic HTML5 markup with pug
• Flexbox
• CSS Grid
• Mobile-first workflow
• Webpack

✨ Features

• I made a sticky filter bar using IntersectionObserver, which will be stuck on top of viewport when you scroll
• Added a rotate animation on hovering the stat card