Back to Projects

Deep Focus Extension

JavaScriptBrowser ExtensionProductivity

Deep Focus Extension is a companion browser extension that enhances the Deep Focus web app with browser-level features. It provides website blocking during focus sessions, tracks time spent on productive vs. distracting sites, and syncs seamlessly with the main web application.

My Contributions

  • Built Chrome extension to complement the Deep Focus web app
  • Implemented website blocking during active focus sessions
  • Created site tracking to monitor productive vs. distracting browsing
  • Added real-time sync with the Deep Focus web dashboard
  • Designed unobtrusive notification system for session reminders
  • Built quick-access popup for session control without leaving current tab

Tech Stack

Language

JavaScript

Platform

Chrome Extension API

Extension Framework

Manifest V3

Storage

Chrome Storage API

Styling

CSS