A sleek and customizable Pomodoro timer that helps you manage your focus sessions with adjustable work and break durations. Includes font and color personalization, auto mode, and a dynamic circular progress indicator.
🔗 Live Demo: https://pomodoro-app-three.vercel.app
- React 19 + Vite
- TypeScript
- Tailwind CSS
- Framer Motion for animations
- Zustand for state management
- Dynamic favicon updates
The app is fully responsive and works seamlessly across desktop and mobile devices. The design maintains its functionality and aesthetic across all screen sizes.
- Customizable Timers: Adjustable Pomodoro, short break, and long break durations
- Theme Customization: Choose between different fonts and color themes
- Circular Progress Animation: Visual feedback on time remaining
- Auto Mode: Automatically transitions between work and break sessions
- Persistent Settings: Your preferences are saved between sessions
- Dynamic Favicon: Shows progress even when you're on another tab
- Completed Sessions Tracking: Keep track of your completed pomodoro sessions
# Install dependencies
npm install
# Start development server
npm run devnpm run buildnpm testThe app includes a comprehensive test suite using Vitest and React Testing Library to ensure component functionality and state management work correctly.