A simple static, responsive page designed to train the grid and responsiveness
The data is taken from json database that came with the project. The page gets data from an external API I created with this json
This is a solution to the Time tracking dashboard challenge on Frontend Mentor
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
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
Mobile-first workflow(Desktop-first workflow)- React - JS library
- Next.js - React framework
- Styled Components - For styles
- Typescript - For types