Skip to content

Zmy-Shaurya/React-Pomodoro-Timer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pomodoro Timer ⏳

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


🎨 Features

  • 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

Screenshots

Pomodoro Timer Screenshot

🚀 How to Run Locally

git clone https://github.com/Zmy-Shaurya/React-Pomodoro-Timer.git
cd React-Pomodoro-Timer
npm install
npm run dev

📚 What is Pomodoro?

The Pomodoro Technique is a time management method:

  1. Work for 25 minutes
  2. Take a 5-minute break
  3. Repeat

This app helps you stay focused using this technique.


🎵Credits

Sound Effect by kakaist from Pixabay


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published