A simple and effective Focus Timer app designed to help users stay productive by tracking their time in focused work sessions. It includes a countdown timer, stopwatch, dark theme mode, customizable time adjustments, fullscreen support, and sound notifications upon completion.
- Timer Mode: A countdown timer to track work intervals (default 5 minutes).
- Stopwatch Mode: A stopwatch to track elapsed time.
- Dark Mode: A sleek black theme for better visibility in low light.
- Time Adjustments: Buttons for adding 30 seconds, 1 minute, or 5 minutes to the timer.
- Fullscreen Mode: Toggle fullscreen for an immersive experience.
- Sound Notifications: Plays an alarm sound when the timer completes.
- Animations: Smooth transitions and animations for UI elements.
- Responsive Design: Optimized for desktop and mobile screens.
You can view the live demo of the Focus Timer app here
- HTML5: Structure and markup of the app.
- CSS3: Styling and animations.
- JavaScript: Functionality for the timer, stopwatch, and event handling.
- Audio: Plays an alarm sound when the timer completes.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/focus-timer.git