site-block-extension

A browser extension that blocks distracting websites to improve productivity and focus.

Features

• Site Blocking: Add domains to your block list
• Quick Toggle: Enable/disable blocking with one click
• Password Protection: Secure your settings with a password
• Context Menu: Block sites by right-clicking on any page
• Auto-detection: Automatically fills current domain
• Redirection: Blocked sites redirect to a focus page

Installation

Chrome Web Store

Install directly from the Chrome Web Store

Firefox

Coming soon to Firefox Add-ons Store

Manual Installation (Development)

1. Download or clone this repository
2. Open chrome://extensions/ in Chrome
3. Enable Developer mode
4. Click Load unpacked
5. Select the project folder

Technologies

• Manifest V3 - Latest extension API version
• Vanilla JavaScript - No external dependencies
• Chrome Storage API - Cross-device synchronization
• Context Menus API - Custom context menu integration

Project Structure

site-block-extension/
├── manifest.json          # Extension configuration
├── background.js          # Main service worker
├── popup/
│   ├── popup.html         # Popup interface
│   ├── popup.css          # Interface styles
│   └── popup.js           # Popup logic
└── icons/                 # Extension icons
    ├── icon16.png
    ├── icon32.png
    ├── icon48.png
    └── icon128.png

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT License

☕ Code and Coffee