fxnoob/floating-console

A Chrome extension boilerplate.

Basic Usage

    yarn
    yarn dev // create development build
    yarn build // create production build

features:

1. Support for ES7 ( with Babel and polyfill)
2. popup page with reactjs and material ui framework
3. Content script with reactjs and material ui framework
4. Bundling (webpack)

directory structure

• src/ is root directory for a chrome extension. it includes manifest.json file and other static stuff.

• src/background.js is main background js file for the chrome extension.

• src/popup-page is the directory which includes react js setup for popup page.

• src/content-scripts is the directory directory which includes react js setup for content script.

• src/services is the directory for services that can be written in es6,es7 or es8...

How to extend ?

• Write chrome extension's background scripts code in src/background.js

• Write chrome extension's popup page codes in src/popup-page Reactjs directory system.

• Write chrome extension's content scripts codes in src/content-scripts Reactjs directory system.