Productivity Timer

Productivity Timer is an all-in-one web application designed to help you manage your time effectively. It integrates an event countdown, a Pomodoro timer, and a built-in to-do list in one clean, responsive interface—keeping you organized and boosting your productivity.

Live Demo | GitHub Repository

---

✨ Features

1. Multiple Timer Types

• Event Countdown: Set a countdown for any upcoming event and receive notifications when time is up.
• Pomodoro Timer: Structure your work sessions and breaks with the Pomodoro technique for enhanced focus.

2. Shareable Links

• Generate a unique URL containing your timer settings (e.g., event details and time) and easily share it with others.

3. Custom Themes

• Toggle between Light Mode and Dark Mode using a compact, unobtrusive switch button.

4. Integrated To-Do List

• Manage your daily tasks with an integrated to-do list. Add, delete, and clear tasks with ease. Your tasks persist across sessions using local storage.

5. Responsive Design

• Fully optimized for all devices, ensuring a seamless user experience on desktops, tablets, and smartphones.

---

💡 How It Works

1. Choose a Timer:
   Select your preferred timer (Event Countdown or Pomodoro) using the dropdown menu.

2. Set Your Timer:

   • Countdown: Enter the event name and select the event time.
   • Pomodoro: Set your desired work and break durations.

3. Get Notified & Share:
   Receive in-page notifications when the timer ends and generate a shareable link to distribute your timer settings.

4. Stay Organized:
   Use the integrated to-do list to add, delete, or clear tasks, ensuring you stay on track with your daily goals.

---

📸 Screenshots

Light Mode

Dark Mode

---

📂 File Structure

ProductivityTimer/
├── index.html        # Main HTML file
├── styles.css        # CSS for styling
├── script.js         # JavaScript for functionality
├── README.md         # Project documentation
├── LICENSE           # MIT License
└── assets/           # Folder for images and other assets
    ├── light-mode.png
    ├── dark-mode.png
    └── timer-icon.png

---

🚀 Installation

To run the project locally:

1. Clone the Repository:

   git clone https://github.com/mohiuddin-khan-shiam/ProductivityTimer.git

2. Navigate to the Project Directory:

   cd ProductivityTimer

3. Open index.html:
   Open the file in your web browser to launch the application.

---

📝 Usage

1. Select Timer Type:
   Use the dropdown to choose between the Event Countdown and the Pomodoro Timer.

2. Set Your Timer:

   • Countdown: Enter the event name and event time.
   • Pomodoro: Input the durations for work and break sessions.

3. Share Your Timer:
   Generate a shareable link for your timer settings and copy it to your clipboard.

4. Manage Tasks:
   Use the integrated to-do list to add tasks, delete individual tasks, or clear all tasks.

5. Switch Themes:
   Toggle between Light and Dark modes with the compact mode switch button.

---

🤝 Contributing

Contributions, suggestions, and bug reports are welcome!
If you have ideas for improvements, please open an issue or submit a pull request on the GitHub Repository.

---

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.

---

Made with ❤️ by Shiam