Study with Pomodoro

• 

  This is the home page :)

Inspiration

The inspiration for this app comes from the natural difficulty focusing in a remote learning environment. It's difficult to escape distractions since we cannot go to the library or minimize technology use, so we wanted to find a way where users can utilize technology to help them stay focused. We wanted to make it easier for people to maximize productivity during the time they study by following scientifically proven focus methods.

What it does

This webapp allows users to focus in 25 minute intervals, following the Pomodoro method, with integrated study music & a built-in surprise alarm that users can use if they so choose. Users can also reset the timer if they would like to stop a focus session in the middle. The webapp is optimized for use on a windows desktop computer, preferably using Google Chrome.

How we built it

We used HTML, CSS, and JavaScript to build this app. We wanted the user interface to be as minimalistic as possible to maximize user productivity, as well as have the users be able to maximize functionality, including having integrated study music & a built-in surprise alarm ;) that users can use if they so choose.

Challenges we ran into

Both of us have limited experience with HTML, CSS, and JS, so we had a steep learning curve at the start of the project. We struggled with balancing a minimalistic design for the least distractions while focusing, while still being able to implement all functionality that we wanted to have.

Accomplishments that we're proud of

This is our first functional webapp! We're especially proud of the audio integration and dynamic buttons.

What we learned

We learned a lot about working with JavaScript to handle dynamically displaying objects, which you can see with our "Start" and "Mute"/"Unmute" buttons, instead of statically displaying things with HTML. We also learned how to do some cool basic CSS animations, including changing the color of buttons & hyperlinks when you hover over them :)

What's next for Study with Pomodoro

In the future, we'd like to have more options for people to customize their focus sessions. For example, it would be really cool if we could either go with the standard Pomodoro-style focusing, or we could pick from other focus methods (such as 52/17), or even a user-inputted focus time. It would also be really helpful to be able to set break times and the number of rounds a person would like to focus, which would help users to be productive for even longer.

Built With

• css
• github
• html
• javascript