This application is a basic Pomodoro Timer used to enhance productivity and manage time. Typically, users will work in focused intervals of 25 minute sessions, followed by a 5 minute break. This method is designed to be repeated for several intervals.
- Select your desired Focus Duration and Break Duration using the + and - buttons.
- Press the Play button to begin.
- Press Pause button if you want to pause your current session.
- Press the Stop button if you would like to end your session.
- The Pomodoro Timer will automatically switch between Focus periods and Break periods as time elapses.
- A bell chime will notify the user when the focus and/or break time has ended
- A progress bar is listed below the countdown timer to track time progressed
- The Focus Duration and Break Duration buttons will be disabled once a session begins. You must end the current session to make adjustments to your intervals.
- Similarly, the Stop button will be disabled until the session begins.
- Built using React
- Used conditional rendering to display appropriate components according to sessions (play, pause, stop, etc.)
- Add a Pomodoro count to keep track of overall progress
- Implement optional background instrumental music and white noises to enhance focus