Inspiration
The idea for Productivity+ came from a common personal struggle: wanting to stay focused while studying or working, but constantly getting distracted. I wanted to create a tool that wasn’t just another basic timer — but something that combined multiple focus techniques, accountability features, task management, and even eye-tracking, making it easier and more sustainable to truly focus.
What it does
Productivity+ is an all-in-one focus assistant that helps users lock in and stay productive. It features:
Eye detection to alert users if they’re not paying attention
A customizable countdown timer
Study methods selector (Pomodoro, Flowtime, Ultradian Sprints, and more)
A dynamic to-do list with reordering and deletion
File upload and preview for text, images, PDFs, videos
Desktop notifications to remind users when work sessions end
A clean, responsive interface built for both casual and intense study sessions
Challenges we ran into
Eye Detection: Learning how to implement and integrate eye detection with the web app was a major technical hurdle.
Managing Timer State: Coordinating start, pause, reset, and resume actions without bugs took careful state management.
Webcam Stream Handling: Managing permissions, handling multiple video streams, and avoiding memory leaks was tricky.
Notification Permission Flow: Ensuring a smooth user experience even if users denied notification permissions.
Component Communication: Passing states like study methods between components without making the app structure too messy.
Balancing Features and Simplicity: We had to be very thoughtful not to overwhelm the user with too many tools at once.
Accomplishments that we're proud of
Successfully built and integrated live eye detection into the app for real-time focus tracking.
Created a flexible study timer that supports multiple focus methods.
Developed a drag-and-drop task manager with reordering capabilities.
Implemented file upload and intelligent previews for multiple file types.
Built a responsive and clean UI that works across different screen sizes.
Established a solid foundation for future AI-driven focus analytics.
What we learned
React Fundamentals: Managing modular components, states, and props.
Web Notifications API: Sending reminders and handling permission logic.
Webcam Stream Handling: Using getUserMedia to access webcam streams safely and efficiently.
Eye Detection Integration: Implementing computer vision techniques in a web application.
Time Management Techniques: Exploring and coding different study styles like Pomodoro and Flowtime.
UI/UX Best Practices: Designing a minimal but functional experience using Tailwind CSS.
What's next for Productivity+
Smarter Focus Alerts: Fine-tune the eye detection model to differentiate between short distractions and real focus loss.
Session Analytics: Provide users with visual insights into their work habits and focus patterns.
Mobile Optimization: Make Productivity+ fully functional and intuitive on mobile devices.
Gamification: Add small rewards or streaks to motivate consistent study behavior.
Social Features: Allow friends to study together virtually and hold each other accountable.
Log in or sign up for Devpost to join the conversation.