Focus More is a Chrome extension designed to help you focus by blocking access to distracting websites like Twitter, Instagram, and LinkedIn. With a simple toggle button, you can enable or disable the blocking feature as needed.
- Block access to Twitter, Instagram, and LinkedIn.
- Toggle blocking on and off with a single click.
- Displays the current blocking status with a badge on the extension icon.
-
Clone or download the repository to your local machine.
git clone https://github.com/AnoopVL/FocusMore--ChromeExtension.git
-
Open Chrome and navigate to
chrome://extensions/. -
Enable Developer mode by toggling the switch in the top right corner.
-
Click on Load unpacked and select the directory where you cloned/downloaded the extension.
background.js: Handles the installation, state management, and blocking rules of the extension.content.js: Modifies the content of blocked websites to display a "Focus more" message.popup.html: The HTML file for the extension's popup interface.popup.js: Handles the functionality of the toggle button in the popup.manifest.json: The manifest file that contains the extension's metadata.
-
Click on the extension icon in the Chrome toolbar to open the popup.
-
Click the Toggle Blocking button to enable or disable website blocking. The button text and the badge on the extension icon will update to reflect the current blocking status.
.png)
.png)