TimeIt is a stunning, premium-grade time management web application designed for professionals. Built with React and Vite, the app features a highly optimized and responsive layout, providing a Live Clock, a Precision Timer, and a Pro Stopwatch.
- Real-time clock prominently displayed on the dashboard.
- Always accurate, syncing with your local system time.
- Track elapsed time with second precision.
- Features intuitive Start, Pause, and Reset controls.
- Optimized rendering to ensure the stopwatch runs smoothly without lag.
- Enter a numerical value (in seconds) to start a countdown.
- Real-time countdown UI showing hours, minutes, and seconds.
- Fully controllable: Set, Start, Pause, and Reset.
- Dark Mode Default: A modern gradient-based dark theme.
- Responsive Layout: Perfectly scales from wide desktops to narrow mobile screens without compromising design.
- Pristine Typography: Utilizes Google Fonts (Space Grotesk and Poppins) alongside monospace fonts for precise number widths.
- Micro-Interactions: Premium hover states, button click actions, and smooth routing transitions.
- Framework: React 18
- Bundler: Vite
- Routing: React Router
- Styling: Custom CSS (Optimized Shorthand, CSS Variables)
- Icons: FontAwesome
Follow these instructions to set up the project locally on your machine.
You will need the following installed on your machine:
-
Clone the repository: \\bash git clone https://github.com/your-username/timeit.git \\
-
Navigate to the project directory: \\bash cd timeit \\
-
Install the dependencies: \\bash npm install \\
-
Start the development server: \\bash npm run dev \\
-
Open in Browser: Once the server starts, open \http://localhost:5173\ in your browser.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page if you want to contribute.
- Fork the project.
- Create your feature branch (\git checkout -b feature/AmazingFeature)
- Commit your changes (\git commit -m 'Add some AmazingFeature')
- Push to the branch (\git push origin feature/AmazingFeature)
- Open a Pull Request.
This project is open-source and available under the MIT License.
Find more work at https://abdulrdeveloper.me