NYX - The Ultimate Website Blocker

Say goodbye to distractions and hello to productivity with NYX, the ultimate website blocker.

---

🚀 Features

• Total Control: Block any website for a specified duration.
• Seamless Progress Saving: NYX automatically saves your progress.
• Stylish Interface: Enjoy a sleek 'NYX' border effect on blocked websites.
• Privacy-Focused: No data collection, only local storage, and no external dependencies.

📑 How It Works

1. Open the Popup: Just a click away.
2. Enter URL & Duration: Specify the website and blocking time.
3. Click 'Block NYX': The site is blocked.
4. Automatic Unblock: After the set duration, freedom reigns again.

📱 Popup

NYX Website Blocker flaunts a slick Popup for easy interaction. Enter the URL, set the duration, click, and focus on what matters.

🚀 Installation

1. Clone the Repository:

   git clone https://github.com/MishanPoudel/nyx.git

2. Load the Extension:

   • Navigate to chrome://extensions/.
   • Enable Developer mode.
   • Click Load unpacked and select the cloned directory.

NYX is now ready to block distractions!

💻 📝 Development

Crafted with HTML, CSS, and JavaScript, NYX leverages Chrome Developer Tools for seamless development.

File Structure

• manifest.json: Defines metadata, permissions, and functionality.
• background.js: Service worker and core logic.
• popup.html: Interactive popup window.
• popup.css: Stylesheet for the popup.
• popup.js: Logic controller for the popup.

📝 Usage

Blocking Websites

1. Click the NYX extension icon.
2. Enter the website URL (e.g., instagram.com).
3. Set the duration (hours and minutes).
4. Click Block Website.

Viewing Screen Time

1. Click the Screen Time tab.
2. View daily website usage.
3. Compare usage with visual bars.
4. Filter for sites with over 1 minute of usage.

⚡ Performance Optimizations

• Debounced Updates: Screen time updates are debounced to avoid frequent saves.
• Efficient DOM Updates: UI updates are efficiently managed to reduce reflows.

🌟 Support

If NYX - The Ultimate Website Blocker adds value to your life, please star the repository! Your support keeps us motivated.

🔒 Privacy Statement

NYX prioritizes your privacy:

• No data collection.
• Local storage only.
• No external dependencies.
• No tracking or analytics.