A simple and beautiful Pomodoro Timer built using React.
This project was made as part of my project-based learning of React, especially to practice:
✅ React Hook: useState
✅ React Hook: useEffect
✅ Browser functions like setInterval
✅ Playing sound on events
- Preset Timer of 25 minutes (1 Pomodoro Session)
- Start / Pause the timer
- Reset the timer anytime
- Plays a "ding" sound when the timer reaches 0
- Fully responsive UI with hover effects and animations
- Styled with plain CSS
git clone https://github.com/Zmy-Shaurya/React-Pomodoro-Timer.git
cd React-Pomodoro-Timer
npm install
npm run dev
The Pomodoro Technique is a time management method:
- Work for 25 minutes
- Take a 5-minute break
- Repeat
This app helps you stay focused using this technique.
Sound Effect by kakaist from Pixabay