focus-pocus

KO | EN

gitlite — search

#typescript #llm #android #rust #linux #java #cli #kubernetes #vue #pytorch #security #mcp #openai #open-source

(★ 84)

FocusPocus is a browser extension created to help you maintain focus on your studies by blocking access to pages that may distract you during focus mode.

파일 탐색기

최종 버전 다운로드 (.zip)

- - index.ts
- - index.ts
- - elements.ts
  - index.ts
  - options.ts
  - streak.ts
  - tabs.ts
- - elements.ts
  - index.ts
  - streak.ts
- - change-popup-color.ts
  - do-not-giveup.ts
  - language.ts
  - play-popup-sounds.ts
  - toast.ts
- - styles.css
- - index.html
  - styles.css
- - index.html
  - styles.css
.gitignore
LICENSE
manifest.chrome.json
manifest.firefox.json
package-lock.json
package.json
README.md
tsconfig.json
webpack.config.js
yarn-error.log
yarn.lock

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# FocusPocus

[Demo Video](https://www.youtube.com/watch?v=AeRzctRV-4s)

### Download

The last published version:

- [Google Web Store](https://chromewebstore.google.com/detail/focuspocus-in-magical-foc/mhfhegccdlndlipjicelombmchnpdebc?hl=en)
- [Firefox](https://addons.mozilla.org/en-US/firefox/addon/focuspocus-in-magical-focus/)

### About

> FocusPocus is a browser extension created to help you maintain focus on your studies by blocking access to pages that may distract you during focus mode.

![FocusPocus icon (a clock) with the text 'FocusPocus' and below a slogan 'Stay focused as if under a magical spell'](https://i.imgur.com/pn5aZcT.png)

### Features

1. Focus Mode: Activate focus mode to block access to distracting websites while studying.
2. Custom Blocking: FocusPocus allows you to choose which sites to block during focus mode.
3. Scheduling: You can set the duration of your focus mode timer.
4. Streak: You earn a point every time the timer finishes, but if you give up halfway through, you lose everything.

### Todo

- [x] Add custom timer settings.
- [x] Add allowed list mode.
- [ ] Add groups for the blocked websites list.
- [ ] Add a verification prompt before giving up.
- [x] Add support for other browsers.
- [ ] Add PT-BR language support.

### How to run locally

1. Clone this repository.
2. Install the dependencies.
3. Run the dev script.
4. Activate developer mode on your browser and add the _manifest_ inside the _/dest_ folder that will be generated.

_with yarn:_

```bash
git clone https://github.com/jotavetech/focus-pocus.git
cd focus-pocus

yarn #install the dependencies

# chrome:
yarn dev:chrome #compile to /dest/chrome folder

# firefox:
yarn dev:firefox #compile to /dest/firefox folder
```

_with npm:_

```bash
git clone https://github.com/jotavetech/focus-pocus.git
cd focus-pocus

npm install #install the dependencies

# chrome:
npm run dev:chrome #compile to /dest/chrome folder

#firefox:
npm run dev:firefox #compile to /dest/firefox folder
```

### How to contribute

1. Fork this repository.
2. Clone your fork on your machine.
3. Create a new branch, make your changes, commit and push these.
4. Open a pull request (Write a descriptive message about what you've changed).

### Contributors

A big thank you to everyone who contributed to FocusPocus

[Support Me 💛](https://www.pixme.bio/jotavetech)

focus-pocus

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

focus-pocus

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README