Skip to content

himanshuchandola/basic-chrome-extension

Repository files navigation

Basic Chrome Extension

This repository contains a Chrome Extension, built using React 18 and Webpack 5.

It demonstrates a basic setup for developing browser extensions with modern JavaScript frameworks and bundling tools.

Demo

Live demonstration of the extension, please refer to the following video:

chrome_4klVvL7cJw.mp4

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Before you begin, ensure you have the following installed:

  • Node.js
  • npm (Node Package Manager)

Installation

  1. Clone the repository to your local machine:
git clone https://github.com/himanshuchandola/basic-chrome-extension.git
  1. Navigate to the cloned repository:
cd basic-chrome-extension
  1. Install the necessary dependencies:
npm install

Available Scripts

In the project directory, you can run:

npm run build

Builds the extension for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

npm run watch

Runs the extension in the development mode with interactive watch mode. Any edits you make will be immediately compiled, and you can load the unpacked extension in Chrome for testing.