This project is a browser externsion to block websites and help you to keep focus on work/study.
- Create groups with lists of websites you want to block
- Simple modal with a motivation message will appear for each block link
- Turn on/off each group as you need
This extension is currently available for Firefox, you can install clicking here
Chrome: coming soon
- Schedule clock time for each group
- A full options-page to manager block lists easier
- A better block modal (or page) with a better motivation approach
This extension was made using the awesome React boilerplace from @ElForastero
clone this project
then:
cd block-sites-react-extension
yarn watch
Runs webpack in watch mode. Automatically reloads the page after changes in files. Thanks to webpack-extension-reloader.
yarn build
Builds the extension in production mode. This version can be shipped to the store.
Use npm version cli command to bump a version of your package.json. The version of manifest will stay in sync with version specified in package.json.
For example:
npm version patch
This will increase your patch package.json version. During the next build output manifest file will have the same version.
"unsafe-eval" in directive "script-src" and "connect-src" are needed for auto reloading, and should be removed from production manifest.json.
- Manifest File Format
- Content Security Policy (CSP)
- Chrome i18n
- Porting a Google Chrome extension to Firefox
- Firefox add-ons examples
- exthouse - tool for performance testing
- webext-redux - a set o utilities to use redux in web extensions
- webpack-manifest-version-sync-plugin
Give a ⭐️ if this project helped you!
This project is MIT licensed.
This README was generated with ❤️ by readme-md-generator