📱 InstaFocus Extension

A Chrome Extension to Minimize Distractions on Instagram

This extension helps you boost your productivity on Instagram by automatically hiding the Reels and Explore tabs. It's designed to reduce the temptation to endlessly scroll and focus on the content you want to see. 🎯

Installation & Setup ⚙️

1. Download the extension files from this repository.
2. Open Chrome and go to chrome://extensions/.
3. Enable "Developer mode" in the top right corner.
4. Click the "Load unpacked" button.
5. Select the folder containing the unpacked extension files.

Source Code Overview 📁

The extension consists of the following files:

• manifest.json: 📋 The main configuration file for the Chrome extension. It defines the extension's metadata, permissions, and content scripts.
• content.js: ⚡ This script is injected into the Instagram webpage. It's responsible for applying the CSS classes to hide relevant tabs. It also includes logic to clean up suggested posts.
• styles.css: 🎨 Contains the CSS rules to hide relevant tabs.
• popup.html: 🖼️ This is the HTML file for the popup window.
• popup.js: ⚙️ This is the javascript file for the popup window.

How it Works 🔧

1. Content Script Injection: The content.js script is injected into the Instagram webpage when you visit the site.
2. CSS Class Application: The script identifies relevant elements and adds the productive-insta-hidden class to them.
3. CSS Styling: The styles.css file defines the CSS rules that hide elements with the productive-insta-hidden class.

Issues & Contribution 🤝

Feel free to open a github issue or submit a PR in case you have any bugfixes / feature requests

🔗 More Information

For more detailed information, visit the official InstaFocus website: InstaFocus Official Website