<commit_before>![alt-text](https://github.com/williamgrosset/fokus/blob/master/png/fokus_title.png 'fokus')  
  
*Google chrome extension to help you focus on the things that really matter.*

**NOTICE**: The chrome extension is currently not available on the chrome store and is being redesigned. These changes are **required** due to Google's new policy of having to require permissions from the user before a page redirection occurs. However, you can install it locally and still use it!

## How to use fokus
1. ~~Download the chrome extension on the Google chrome store [here]()~~ *(see notice above)*.
2. Open the chrome popup and add new domains to be blocked, e.g: `domain.com` or `www.domain.com`.
3. Toggle the chrome extension on/off by clicking on either **Enable** or **Disable** mode.
4. Enjoy your meditation breaks for increased focus and productivity.  

![](https://github.com/williamgrosset/fokus/blob/master/png/example.gif)

## How to contribute
1. Fork and clone this repository.
2. Run `nvm install` to use the required Node version.
3. Run `npm install` to install the required dependencies.
4. Create the build directory: `mkdir build`.
5. Create a branch: `git checkout -b initials-feature-name`.
6. Complete any necessary changes or features. For bundling with watchify: `npm run watch`.
7. Make sure the linting/tests **all pass** by running `npm test`.
8. Submit a [pull request](https://help.github.com/articles/creating-a-pull-request-from-a-fork/).

## Project layout
+ Development scripts in `scripts/`
  * `build.sh/`: `npm run build`
  * `watch.sh/`: `npm run watch`
  * `lint.sh/`: `npm run lint`
  * `test.sh/`: `npm run test`
+ Photo assests in `png/`
+ JavaScript bundle in `build/` (see [`.gitignore`](https://github.com/williamgrosset/fokus/blob/master/.gitignore#L5))
+ React components in ```src/js/popup/components```
+ React tests in ```test/``` ([Enzyme](https://github.com/airbnb/enzyme))

## Future additions
Make a pull request to add your own idea below:
+ Refactor React `Toggle` button component
+ Use regex for domain validation
+ Allow users to configure meditation timer
+ Integrate [Circle CI](https://circleci.com/) with project
+ Add new design to meditation page
+ Clean-up and remove anti-patterns in `src/`

## F.A.Q.
### Why am I making this?
I have started to notice that I subconciously go to websites that I do not actually want to be on. Individuals seek stimulus, so we happen to distract our mind when we get bored. Whether it is Facebook, Twitch, Reddit, or any other domain - when I am working, I want to be completely focused on what is currently important. We are all guilty of this, but we can fix it. 

I also really wanted to learn [React](https://facebook.github.io/react/).

### "Domain blocking has already been solved."
Not exactly - most extensions are a bit overkill with their design and functionality. I want to build something that I can easily use to increase my productivity and be able to practice meditation daily.

### Do you realize you spelt "focus" wrong?
Yes. Fokus is swedish for focus (I know, it's pretty original). :godmode:<commit_msg>Update README (remove faq/future additions)<commit_after>![alt-text](https://github.com/williamgrosset/fokus/blob/master/png/fokus_title.png 'fokus')
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
  
*Google chrome extension to help you focus on the things that really matter.*

**NOTICE**: The chrome extension is currently not available on the chrome store and is being redesigned. These changes are **required** due to Google's new policy of having to require permissions from the user before a page redirection occurs. However, you can install it locally and still use it!

## How to use fokus
1. ~~Download the chrome extension on the Google chrome store [here]()~~ *(see notice above)*.
2. Open the chrome popup and add new domains to be blocked, e.g: `domain.com` or `www.domain.com`.
3. Toggle the chrome extension on/off by clicking on either **Enable** or **Disable** mode.
4. Enjoy your meditation breaks for increased focus and productivity.  

![](https://github.com/williamgrosset/fokus/blob/master/png/example.gif)

## How to contribute
1. Fork and clone this repository.
2. Run `nvm install` to use the required Node version.
3. Run `npm install` to install the required dependencies.
4. Create the build directory: `mkdir build`.
5. Create a branch: `git checkout -b feature-name`.
6. Complete any necessary changes or features. For bundling with watchify: `npm run watch`.
7. Make sure the linting/tests **all pass** by running `npm test`.
8. Submit a [pull request](https://help.github.com/articles/creating-a-pull-request-from-a-fork/).

## Project layout
+ Development scripts in `scripts/`
  * `build.sh/`: `npm run build`
  * `watch.sh/`: `npm run watch`
  * `lint.sh/`: `npm run lint`
  * `test.sh/`: `npm run test`
+ Photo assests in `png/`
+ JavaScript bundle in `build/` (see [`.gitignore`](https://github.com/williamgrosset/fokus/blob/master/.gitignore#L5))
+ React components in `src/js/popup/components`
+ [Enzyme](https://github.com/airbnb/enzyme) tests in `test/`
{'fraction_non_alphanumeric': 0.11585599387207966, 'fraction_numerical': 0.005553427805438529, 'mean_word_length': 4.275757575757575, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 14, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 5, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1385743', 'n_tokens_mistral': 1588, 'n_tokens_neox': 1524, 'n_words': 664}