Stay productive with work/break cycles.
- Pomodoro Technique: 25-minute work sessions + 5-minute breaks
- Glassmorphism UI: Modern, frosted glass look
- 🌗 Light & Dark Themes: Toggle to your preferred mode
- Persistent Theme: Remembers your preference
- Simple Controls: Start, pause, and reset with ease
- Responsive: Looks great on desktop and mobile
-
Clone the repository
git clone https://github.com/Agrolax/project.git cd project -
Install dependencies
npm install
-
Run the app
npm start
- Click Start to begin your Pomodoro session.
- Pause at any time or Reset to start over.
- Use the ☀️/🌙 toggle to switch between light and dark modes.
- The timer will automatically switch between work and break intervals!
src/
components/
Pomodoro.jsx
Pomodoro.css
App.jsx
App.css
- Change session/break durations in
Pomodoro.jsx:const WORK_MINUTES = 25; const BREAK_MINUTES = 5;
- Edit colors and glassmorphism effects in
Pomodoro.cssandApp.css.
Pull requests are welcome! For major changes, please open an issue first
to discuss what you would like to change.
Made with ❤️ by Agrolax
