Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

A Time Tracking Dashboard built with vanilla TypeScript, allowing users to view daily, weekly, and monthly hours. Features include profile switching and a dark mode toggle for improved user experience.
https://github.com/skyv26/time-tracking-dashboard

challenge css-grid css3 frontend-mentor html5 javascript light-theme profile-card responsive-design tailwindcss time-tracking-dashboard typescript vanilla-js vanilla-typescript vite vitejs

Last synced: about 6 hours ago
JSON representation

A Time Tracking Dashboard built with vanilla TypeScript, allowing users to view daily, weekly, and monthly hours. Features include profile switching and a dark mode toggle for improved user experience.

Awesome Lists containing this project

README 

        



# 📗 Table of Contents



- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run Linters](#run-tests)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)



# 🍲 Time Tracking Dashboard 



> Build a Time Tracking Dashboard using vanilla TypeScript that allows users to view their logged hours for daily, weekly, and monthly periods. The app should include interactivity for users to switch between different profiles and seamlessly toggle between light and dark modes for an enhanced user experience. The focus is on providing clear and accessible data visualizations, with smooth transitions and responsive design.



## 🛠 Built With 



### Tech Stack 



> Time Tracking Dashboard is frontend project



Front-end

  



### Key Features 



> App shows the daily, weekly and monthly time stat of a user.



(back to top)



## 🚀 Live Demo 



> Link to your deployed project.



- [Time Tracking Live Link](https://skyv26.github.io/time-tracking-dashboard/)



(back to top)



## 💻 Getting Started 



> In order to start with this project do as follows :



To get a local copy up and running, follow these steps.



### Prerequisites



In order to run this project you need:



`yarn install`



### Setup



Clone this repository to your desired folder:



`git clone [email protected]:skyv26/time-tracking-dashboard.git`



then



`cd time-tracking-dashboard`



### Install



Install this project with:



`yarn install Or npm i`



### Usage



`yarn dev or npm run dev`



(back to top)



## 👥 Authors 



> Mention all of the collaborators of this project.



👨‍💻 **Aakash Verma**



- GitHub: [@skyv26](https://github.com/skyv26)

- Twitter: [@vrma_aakash](https://twitter.com/vrma_aakash)

- LinkedIn: [skyv2022](https://linkedin.com/in/skyv2022)



(back to top)



## 🔭 Future Features 



> N/A



(back to top)



## 🤝 Contributing 



Contributions, issues, and feature requests are welcome!



Feel free to check the [issues page](../../issues/).



(back to top)



## ⭐️ Show your support 



> Write a message to encourage readers to support your project



If you like this project then please give a ⭐️ and also share your feedback using github_issues.



(back to top)



## 🙏 Acknowledgments 



- ❤️ [TailwindCSS](https://tailwindcss.com/docs)

- ❤️ [TypeScript](https://www.typescriptlang.org/docs/)



(back to top)



## 📝 License 



This project is [MIT](./LICENSE) licensed.



(back to top)