📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run Linters
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 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

• TailwindCSS
• TypeScript
• Vite

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

(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 git@github.com: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
• Twitter: @vrma_aakash
• LinkedIn: 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.

(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
• ❤️ TypeScript

(back to top)

📝 License

This project is MIT licensed.

(back to top)