Skip to content

An interactive Pomodoro timer application developed using React, Redux Toolkit, TypeScript, and Ant Design UI for efficient time management and productivity tracking.

License

Notifications You must be signed in to change notification settings

mohamed-amor1/25-plus-5-clock

Repository files navigation

25 + 5 Clock

Application Screenshot

Overview

The 25 + 5 Clock is a web-based productivity tool inspired by the Pomodoro Technique, designed to help users manage their work and break sessions effectively.

Technologies Used

Features

  • Increment and Decrement Buttons: Easily adjust your break and session lengths with intuitive increment and decrement buttons.

  • Default Values: The default break length is set to 5 minutes, while the default session length is 25 minutes.

  • Timer Label: A dynamic timer label indicates whether a session or break is in progress.

  • Time Left Display: Always know how much time is remaining in your current session or break, displayed in the format "mm:ss".

  • Start/Stop Button: Initiate and pause your timer with a simple click on the "Start/Stop" button.

  • Reset Button: Reset the timer and session lengths by clicking the "Reset" button.

  • Seamless Transitions: The clock smoothly transitions between work and break sessions.

  • Audio Alerts: You'll be alerted with a sound when a session or break ends, making it easier to stay on track.

Getting Started

I deployed this project on Netlify: Project Link

To use the 25 + 5 Clock, follow these steps:

  1. Clone the repository to your local machine.
  2. Install the necessary dependencies by running npm install in the project directory.
  3. Start the application with npm start. This will open the clock in your default web browser.
  4. Customize your session and break lengths as needed.

License

This project is licensed under the MIT License, allowing you to use, modify, and distribute the code freely, provided you include the original license in your distribution.

About

An interactive Pomodoro timer application developed using React, Redux Toolkit, TypeScript, and Ant Design UI for efficient time management and productivity tracking.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published