ReactJS 25 + 5 Clock

A simple ReactJS project that implements a countdown timer using the Pomodoro Technique, where you have 25 minutes of focused work followed by a 5-minute break. This project was bootstrapped with Create React App.

Table of Contents

• Demo
• Features
• Installation
• Usage
• Contributing
• License

Demo

Check out the live demo: ReactJS 25 + 5 Clock Demo

Features

• Configurable work (25 minutes) and break (5 minutes) durations.
• Start, pause, and reset the timer.
• Visual and audio notifications when the timer reaches zero.
• Responsive design for various screen sizes.

Installation

1. Clone the repository:

git clone https://github.com/adhika16/reactjs-25-5-clock.git

2. Navigate to the project directory:

cd reactjs-25-5-clock

3. Install dependencies:

npm install

Usage

1. Start the development server:

npm start

2. Open your browser and visit http://localhost:3000.

3. Customize the timer settings, start the timer, and enjoy a productive work session!

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvement, please open an issue or submit a pull request.

1. Fork the repository.
2. Create a new branch for your feature or bug fix: git checkout -b feature-name.
3. Make your changes and commit them: git commit -m 'Description of your changes'.
4. Push to the branch: git push origin feature-name.
5. Open a pull request.

License

This project is licensed under the MIT License.