Loading…
Chrome Extension
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.
§ 01 - Overview
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.
§ - Capabilities
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.
§ - Engineering
Built with.
JavaScript
- Chrome APIs
- URL interception and blocking
HTML
- Popup interface
- Extension layout structure
CSS
- Minimal UI styling
- Responsive popup design
Gallery
§ 03 - Keep exploring
Related work.
§ 04 - Engage
Want results like these?
Tell us the goal in a paragraph. We'll reply within 6–12 hours with scope, timeline, and a fixed quote.
Start a conversation