Inspiration
The inspiration behind "Your Pomo." Chrome extension is to provide users with a streamlined implementation of the Pomodoro Technique. It aims to enhance productivity during work or study sessions by offering a simple and effective timer mechanism.
What it does
"Your Pomo." Chrome extension features a 25-minute countdown timer for work sessions followed by a 5-minute break. Users can start, and restart the timer directly within the extension without needing to navigate to another timer tab.
For testing purposes, we default set the timer with focus-break time as 2:30 (minutes). If possible, please view my demo video on GitHub, it's better than YouTube's quality.
How we built it
The extension is built using React.js, leveraging the Material-UI library for interactive UI components. Chrome APIs are utilized asynchronously to handle timing functions and push notifications without requiring the extension pop-up to be open.
Challenges we ran into
- Ensuring seamless integration of Chrome APIs with React.js components.
- Optimizing the extension's performance to minimize resource consumption.
- Configuring the manifest.json and service-worker.js for effective background script execution.
Accomplishments that we're proud of
- Successfully implementing the Pomodoro Technique within a Chrome extension environment.
- Creating a user-friendly interface that promotes focus and productivity.
- Leveraging Chrome APIs to provide notifications and timing functionalities.
What we learned
- Utilizing Chrome APIs effectively within a React.js environment.
- Optimizing extension deployment and performance.
- Enhancing user experience through intuitive UI design and functionality.
What's next for Your Pomo.
- Implementing advanced synchronization techniques to enhance real-time updates and ensure seamless integration with Chrome API, thereby improving the accuracy and responsiveness of the timer.
Built With
- chrome
- javascript
- react.js

Log in or sign up for Devpost to join the conversation.