## Overview

**CleanWeb** is a lightweight browser extension that empowers users to take control of their browsing experience by removing unwanted elements from any webpage—permanently. Whether it's hiding distracting content like YouTube Shorts or blocking persistent site elements, CleanWeb gives you the tools to declutter your web.

<img src="https://ik.imagekit.io/5aalo5l7bu7/Portfolio/extensionScreen_05sz9FoyR.png?updatedAt=1753641313677" />

## Features

- **Remove Any Element**  
   Enter the element’s `id`, a description, and the domain to permanently remove it from pages you visit.
- **Smart Memory**  
   Stores your preferences using the browser's `storage.local` API. Elements stay removed even after a page reload or revisit.
- **Domain-Specific Targeting**  
   Each rule is tied to a specific domain to prevent accidental removal on unrelated websites.
- **YouTube Shorts & "For You" Remover**  
   Dedicated toggle to hide YouTube Shorts and “For You” content on load and while scrolling.
- **Simple UI**  
   Checkbox toggles, input fields, and custom remove buttons built with TailwindCSS + DaisyUI for a clean and fast user interface.

---

## Tech stack

- `wxt` – Toolkit for building web extensions
- `daisyui` – Tailwind component library
- [`tailwindcss`](https://tailwindcss.com) – Utility-first CSS framework
- `typescript` – Static type checking

## Installation (Development)

### Clone the repo:

```bash
git clone https://github.com/yourusername/cleanweb-extension.git
```

### Install dependencies:

```bash
npm install
```

### Build the extension:

```bash
npm run build
```

Load it as an unpacked extension into your browser (Chrome/Edge/Firefox).

## todo

- [x] Store your entity list in storage.local under a key like "entities".
- [x] Load and cache the list in background.js.
- [x] Listen to tab updates and send entities to content.js.
- [x] remove the element from page.
- [x] remove element id from List.
- [x] Add test and comments for Utils
- [x] Special btn for remove YT Shorts and "For you" content.
- [x] modular the code.
- [x] Add domain name for individual element.
- [x] In content.js, match entities against the page content or URL.
- [x] YT make button checkbox and remove shorts on load.
- [x] remove scroll
- [x] name and logo