Back to Portfolio
Focus Mode / Socials Blocker Extension - Main project screenshot showcasing A Chrome extension that I built to block distracting websites and help users stay focused during work or study sessions.

Focus Mode / Socials Blocker Extension

A Chrome extension that I built to block distracting websites and help users stay focused during work or study sessions.

View Live DemoView Source Code

What is Focus Mode / Socials Blocker Extension?

Focus Mode is a Chrome extension I developed to block distracting websites using Chrome APIs, helping users maintain focus without requiring accounts or configuration.

Technologies & Tools Used

HTML
CSS
JavaScript

Technical Highlights

  • JavaScript — Chrome APIs, URL interception and blocking
  • HTML — Popup interface, Extension layout structure
  • CSS — Minimal UI styling, Responsive popup design

Key Features

  • Designed and built a Chrome extension using vanilla JavaScript.
  • Implemented URL-based blocking logic using Chrome Extension APIs.
  • Blocked distracting platforms like Netflix, Facebook, and Discord.
  • Created a lightweight popup UI with no login or setup required.
  • Focused on simplicity, performance, and ease of use.

Project Category

Chrome Extension

Project Showcase

Focus Mode / Socials Blocker Extension screenshot 1 - Detailed view of project features

Project Links

Source Code →
Last visit from Ribeirão Preto, Brazil