https://github.com/moiz-codebyte/react-chrome-extensions

This repository contains two React-based Chrome extensions: one for removing image backgrounds using removal.ai, and another for counting website URL visits during a browser session.
https://github.com/moiz-codebyte/react-chrome-extensions

Last synced: 15 days ago
JSON representation

This repository contains two React-based Chrome extensions: one for removing image backgrounds using removal.ai, and another for counting website URL visits during a browser session.

• Host: GitHub
• URL: https://github.com/moiz-codebyte/react-chrome-extensions
• Owner: Moiz-CodeByte
• Created: 2024-05-03T11:33:08.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-05-17T11:35:53.000Z (8 months ago)
• Last Synced: 2024-11-11T07:45:50.209Z (2 months ago)
• Language: JavaScript
• Homepage:
• Size: 304 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Chrome Extensions 

This repository hosts two Chrome browser extensions designed to enhance productivity by offering image background removal and website URL visit counting. Both extensions are built using React.

## Extensions:

### 1. Image Background Remover

- **Description:** This React-based extension allows users to remove the background from an image. The extension popup lets users input an image, which is then processed by the website [removal.ai](https://removal.ai/#/), and the background is automatically removed and downloaded.

- **Usage:**

  1. Click on the extension icon to open the popup.

  2. Input the image for background removal.

  3. The extension will open [removal.ai](https://removal.ai/#/) and automatically download the image with the background removed.

### 2. Website URL Visit Counter

- **Description:** This React-based extension counts the number of times specified URLs are visited during the browser session.

- **Usage:**

  1. Click on the extension icon to open the popup.

  2. Add the URLs you want to track.

  3. The extension will count and display the number of visits to each URL for the current browser session.

## How to Run:

1. **Clone the Repository:** Clone this repository to your local machine using `git clone`.

2. **Install Dependencies:** Navigate to the project directory and run `npm install` to install the required dependencies.

3. **Build the Extensions:**

   - For each extension, navigate to its directory and run `npm run build` to create the production build.

4. **Install Extensions in Chrome:**

   - Open Chrome browser.

   - Navigate to `chrome://extensions/`.

   - Enable Developer mode by toggling the switch in the top-right corner.

   - Click on "Load unpacked" and select the `build` directory of the respective extension.

5. **Usage:**

   - After installing the extensions, you can use them by clicking on their respective icons in the Chrome toolbar.

   - Follow the on-screen instructions for each extension as described above.

## Note:

- Ensure you review and comply with the terms of service of the websites used by the extensions.