Inspiration

The pomodoro technique is a time management system that is used by people to study more effectively without getting distracted. I wanted to make this so I would not have to constantly set timers but have something that will smoothly work.

What it does

It starts a 25 minute timer during which one should be studying. Once the 25 minute timer ends, a message pops up and a 5 minute break timer starts. Both timers can also be paused and played again.

How we built it

I built this using React. I had known JavaScript, HTML, and CSS before, but I have never used React.

Challenges we ran into

The main challenges I ran into was learning and understanding hooks in React and getting the Pause/Play button to work correctly.

What we learned

I learned how to use React. It was very exciting to learn about all the functions and capabilities. I also used the "useState" and "UseEffect" hooks.

What's next for Pomodoro Timer

I would like to add a task and goal list so that users can keep track of their studying and see how much progress they have made.

Built With

Share this project:

Updates