GitHub Repo Manager

> Chrome Extension — Manage GitHub repositories directly from the browser.

Features

• View all repos — Load all repositories of the account (automatic pagination)
• Change status — Switch repo between Public / Private with progress indicator
• Delete repo — Confirm by typing the repo name, fade-out animation when deleting
• Bulk actions — Select multiple repos at once, change status or delete in bulk with progress bar
• Search & filter — By name, description, visibility, sort by date / name / stars
• Secure token — Stored in chrome.storage.local, not sent anywhere except the GitHub API

Installation

Download & Manual Load

1. Clone or download the ZIP of this repo
2. Open Chrome → address chrome://extensions/
3. Enable Developer mode (top right corner)
4. Click Load unpacked → select the folder github-repo-manager-chrome

> Note: If you edit the code, run npm run build to rebuild CSS before reloading.

Set up Token

1. Go to [github.com/settings/tokens](https://github.com/settings/tokens)
2. Click Generate new token (classic)
3. Name it, choose an appropriate expiration
4. Check the following permissions:

| Permission | Reason |

|---|---|

| repo | Read the list and update repo visibility |

| delete_repo | Delete repo |

5. Copy the token → paste it into the token box in the extension → click Save

Build from source

```bash

Install dependencies

npm install

Build Tailwind CSS (required after cloning)

npm run build

Or watch mode (auto rebuild when file changes)

npm run watch

```

Directory structure

```

github-repo-manager-chrome/

├── manifest.json # Chrome Extension Manifest V3

├── popup.html # Main UI

├── popup.js # Logic + GitHub API calls

├── icons.js # Lucide SVG icons (inline)

├── background.js # Service worker

├── src/

│ └── input.css # Tailwind CSS directives

├── dist/

│ └── tailwind.css # Compiled CSS (generated by npm run build)

├── tailwind.config.js # Tailwind config with GitHub dark theme colors

├── icons/

│ ├── icon.png # Original icon

│ ├── icon16.png

│ ├── icon32.png

│ ├── icon48.png

│ └── icon128.png

├── LICENSE

└── README.md

```

Stack

| Component | Details |

|---|---|

| UI framework | [Tailwind CSS v3](https://tail