https://github.com/asbhogal/time-tracking-dashboard

A time tracking dashboard created as for a Frontend Mentor challenge, coded using vanilla HTML5, CSS3 (SCSS) and JS.
https://github.com/asbhogal/time-tracking-dashboard

css3 dashboard front-end-development frontend-mentor functional-programming html5 json sass scss vite

Last synced: about 1 year ago
JSON representation

A time tracking dashboard created as for a Frontend Mentor challenge, coded using vanilla HTML5, CSS3 (SCSS) and JS.

• Host: GitHub
• URL: https://github.com/asbhogal/time-tracking-dashboard
• Owner: asbhogal
• Created: 2022-10-31T17:46:54.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-19T19:39:06.000Z (over 2 years ago)
• Last Synced: 2025-01-21T05:15:00.656Z (about 1 year ago)
• Topics: css3, dashboard, front-end-development, frontend-mentor, functional-programming, html5, json, sass, scss, vite
• Language: SCSS
• Homepage: https://time-tracking-dashboard-asbhogal.vercel.app
• Size: 729 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


Time Tracking Dashboard - Frontend Mentor Challenge


![](https://api.checklyhq.com/v1/badges/checks/b27c3132-de00-48e1-9432-d70d0af012c6?style=for-the-badge&theme=dark) ![](https://api.checklyhq.com/v1/badges/checks/b27c3132-de00-48e1-9432-d70d0af012c6?style=for-the-badge&theme=dark&responseTime=true)

![GitHub deployments](https://img.shields.io/github/deployments/asbhogal/Time-Tracking-Dashboard/production?label=DEPLOYMENT%20STATE&style=for-the-badge&labelColor=000) ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/asbhogal/Time-Tracking-Dashboard?style=for-the-badge&labelColor=000) ![GitHub repo size](https://img.shields.io/github/repo-size/asbhogal/Time-Tracking-Dashboard?color=blueviolet&style=for-the-badge&labelColor=000)



A responsive time tracking dashboard created for the Frontend Mentor challenge, coded using vanilla HTML5, CSS3 (SCSS) and JavaScript. This repo is currently under development.

:heavy_check_mark: Features


  - Interface with as close resemblance to the mockup

  - Data pulled from JSON file

  - Accessible elements

  - Full responsiveness

  - Optimised for the web

  :nerd_face: Stacks Used: