Create a Pomodoro timer application that helps users manage their work sessions using the Pomodoro Technique - 25 minutes of focused work followed by short breaks.

Project Checklist

• Create a circular or linear timer display showing remaining time
• Implement start, pause, and reset functionality
• Add automatic switching between work and break sessions
• Include audio notifications when sessions end
• Display current session type (work/break)
• Add session counter to track completed Pomodoros

Bonus Project Checklist Items

• Allow customization of work and break durations
• Add long break after multiple Pomodoros
• Implement statistics tracking (sessions completed per day/week)
• Add task list integration to track what you’re working on
• Create visual progress indicators
• Add background music or ambient sounds

Inspiration (Any companies/libraries similar)

• Forest
• Focus Keeper
• Pomodoro Timer apps

Hint/Code snippet to start

To get started, you can use the following code snippet to implement the timer:

let timeLeft = 25 * 60; // 25 minutes in seconds
let isRunning = false;
let isBreak = false;

function startTimer() {
  if (!isRunning) {
    isRunning = true;
    interval = setInterval(() => {
      timeLeft--;
      updateDisplay();
      if (timeLeft === 0) {
        completeSession();
      }
    }, 1000);
  }
}

function completeSession() {
  clearInterval(interval);
  playNotificationSound();
  isBreak = !isBreak;
  timeLeft = isBreak ? 5 * 60 : 25 * 60;
  updateDisplay();
}