An open API service indexing awesome lists of open source software.

https://github.com/nextpointer/appifill

A simple autofill chrome extension
https://github.com/nextpointer/appifill

autofill chrome extension react

Last synced: about 2 months ago
JSON representation

A simple autofill chrome extension

Awesome Lists containing this project

README

          

# AppiFill πŸš€

**AppiFill** is a simple Chrome Extension that helps you **autofill job application forms** effortlessly.
Fill out your profile **once** in the extension, and AppiFill will store your data **locally in your browser**, then automatically fill matching fields when you apply for jobs online β€” all while keeping your information **100% client-side**.

---

## ✨ Key Features

- πŸ—‚οΈ **Fill Once, Apply Anywhere**
Save your job application details (name, email, phone, cover letter, etc.) in a secure local store.

- πŸ”’ **Fully Client-Side**
No servers, no tracking β€” your data lives only in your browser using Chrome’s secure `chrome.storage.local`.

- ⚑ **Automatic Autofill**
When you open job portals, AppiFill detects matching form fields and pre-fills them β€” you can still edit them manually anytime.

---

## πŸš€ Tech Stack

- [Bun](https://bun.sh/) β€” for super-fast JS runtime & bundling
- [React](https://react.dev/) β€” for the popup form UI
- [Chrome Extension APIs](https://developer.chrome.com/docs/extensions/) β€” for secure local storage and content scripts

---

## πŸ“¦ How to Install & Use Locally

> ⚠️ **Note:** *AppiFill* is not yet available on the Chrome Web Store.
> But you can easily run it **locally** by loading the extension manually.

---

### βœ… 1️⃣ Setup the Project

1. **Clone the repo**

```bash
git clone https://github.com/nextpointer/appifill.git
cd appifill
```

2. **Install [Bun](https://bun.sh/)** (if not installed)

```bash
curl -fsSL https://bun.sh/install | bash
```

Or use Homebrew (macOS):

```bash
brew install bun
```

3. **Install dependencies**

```bash
bun install
```

---

### βš™οΈ 2️⃣ Build the Extension

Run the build command to generate the final `dist/` folder:

```bash
bun run build
```

---

### πŸš€ 3️⃣ Load the Extension in Chrome

1. Open Chrome and navigate to `chrome://extensions`.

2. Toggle **Developer Mode** (top right).

3. Click **Load unpacked**.

4. Select your project’s `dist/` folder.

That’s it! AppiFill is now active in your Chrome extensions β€” pin it for easy access.

---

### πŸ“ How to Use

- Click the AppiFill icon β†’ Fill out your job profile.
- Visit any job application website.
- *AppiFill* automatically fills matching fields for you.
- You can edit any field before submitting.

---

## πŸ“ƒ License

MIT β€” feel free to fork & improve!

---

⭐ **Contributions welcome!** If you’d like to add more smart field matchers or improvements, open an issue or PR.

πŸ’™ *Thanks for trying **AppiFill** ! Happy job hunting!* πŸš€