FocusShield - AI Distraction Interceptor

Inspiration

Digital distractions—doomscrolling, tab hopping, and endless refresh cycles—silently drain productivity, especially for students and developers working long hours online. Traditional blockers feel too rigid, while passive reminders are easy to ignore. We wanted something adaptive, intelligent, and intervention-based—a system that understands when distraction happens and steps in at the right moment.

What it does

FocusShield – AI Distraction Interceptor is a smart browser extension that monitors user behavior patterns such as scrolling frequency, tab switching, and rapid page refreshes. When it detects signs of distraction, it intervenes with an overlay UI and optional voice feedback, nudging users back to focus instead of abruptly blocking content.

Key features:

• Real-time scroll, click, refresh, and tab-switch tracking
• Configurable distraction thresholds
• Intelligent overlay interventions (non-intrusive)
• Optional AI-generated motivational or grounding messages
• Privacy-first design with local processing where possible

Challenges we ran into

• Designing non-annoying interventions that help instead of frustrate
• Chrome extension messaging errors (service worker lifecycle issues)
• Handling async state safely across popup, background, and content scripts
• Balancing useful tracking with strong privacy guarantees
• Debugging “receiving end does not exist” errors during runtime

Accomplishments that we're proud of

• Built a fully working behavioral detection pipeline
• Implemented dynamic overlays without breaking page UX
• Created configurable thresholds instead of hard-coded rules
• Integrated AI meaningfully—not as a gimmick
• Maintained a privacy-first approach (no raw browsing data sold or logged)

What we learned

• Browser extensions are powerful but require careful lifecycle management
• AI is most effective when used sparingly and contextually
• UX matters more than strict blocking for behavior change
• Small nudges at the right time can outperform aggressive restrictions

What's next for FocusShield - AI Distraction Interceptor

• Personalized distraction models per user
• Streaks, focus scores, and weekly insights
• Better voice intervention timing

Built With

• gemini
• javascript
• mongodb
• node.js