Time Tracker is a web application built with React and TypeScript for tracking time. The app allows users to log the hours worked for each day and displays the total number of hours worked. It is designed to be simple and easy to use, with a clean and intuitive interface.
ReactJS, TypeScript, styled-components, Firebase, and Vite.
Client
Database
The Time Tracker App includes the following features:
- Add new dates
- Select a date from a calendar
- Navigate to previous and next dates
- Display the day name based on the selected date
- Choose starting and ending time from a dropdown list with 24-hour time slots
- Calculate the total number of hours worked based on the starting and ending times
- Display the total days and total hours worked at the bottom of the page
To get a local copy up and running follow these simple example steps.
- Run
git clone https://github.com/TimmyChan99/time-tracker.git. - Go to the folder
cd time-tracker. - Run
npm install: To install packages. - Run the development server with
npm run dev. - Open http://localhost:5173 in your web browser to view the app.
To use the Time Tracker App, follow these steps:
- Click on a date to select it.
- Choose a starting and ending time from the dropdown lists.
- The total number of hours worked will be displayed automatically.
- Add additional dates and times as needed.
👤 Fatima Ezzahra
- GitHub: @TimmyChan99
- Twitter: @elemenoun
- LinkedIn: LinkedIn
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
This project is MIT licensed.