Pomodoro Timer

Pomodoro Timer is a web based application that allows users to improve their focus and productivity using the Pomodoro Technique. The technique is a time management method that breaks down time into short intervals (traditionally 25-minute) separated by breaks. This helps you stay focused and accomplish more within the working intervals, avoid burn out and overall easy to manage your work. And to top it off, the web app includes uplifting messages to keep your motivation levels high!

Benefits

It is a valuable tool for anyone looking to improve their time management and increase their productivity because it helps

• break down time into shorter intervals for users to work with focus and complete tasks within the allocated time before alarm goes off
• It also provides features that can help users focus, track their progress and stay organized.

Project Features

• Timer that follows the pomodoro time technique.
• A session counter that keeps track of the number of completed cycles.
• A user time tracker that records the total focus time using the app.
• Background music feature with options for classical, nature & ambience, and lofi music to boost focus, with additional controls such as next/previous, pause and play
• Pause, play, and reset functions for the timer
• Ability to keep the timer running even when you are on other tabs.
• A user-friendly interface that helps user to focus on their task.

Mock up

🔴 LIVE LINK

---

Built With 🔨

• JavaScript(ES6)
• SCSS
• HTML5

Setup

Prerequisites

• IDE (VCode For me 🔥).

Clone this repository

$ git clone https://github.com/jmoseka/Pomodoro_Timer.git
$ cd Pomodoro_Timer
$ npm install

Open page in browser

Open with live server

$ open index.html

Author

👤 Jamila Moseka

• GitHub: @jmoseka

🤝 Contribution

👤 Ohachor Victor

@OVECJOE

• Proposed and implemented a change to consolidate the play and pause buttons into a single button, which simplified the UI/UX and made it easier for users to start and pause the timer

feat: Adjusted the user experience of the play and pause button

• Convert Pomodoro_Timer into a Progressive Web App (PWA), enabling users to install it on their devices and use it offline providing a more seamless and user-friendly experience.

feat: Make Pomodoro Timer a PWA

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Hat tip to anyone whose code was used
• Inspiration
• etc

📝 License

This project is MIT licensed.