Code Monkey home page Code Monkey logo

willpower's Introduction

Willpower Frame 1 (9)

๐Ÿ’ช Willpower is a Chrome Extension that helps you stay focused by blocking websites or specific web pages.

โค๏ธ Unlike other website blocking extensions, Willpower does not track any user data. It's a simple Vue JS application made with only one purpose โ€“ to help being focused and take a breath before actually visiting a rabbit-hole-website.

๐Ÿ”ง Willpower is customizable. You can:

  • set your breathing timer duration
  • motivational quote
  • buttons copy
  • redirect destination after decided to close a website

๐Ÿ“Š Willpower stores its data in your Chrome browser storage. Besides default config parameters โ˜๏ธ it also keeps track of how many times you visited or skipped blocked pages.

Screenshots

๐Ÿ” Example of a Screenwall ๐Ÿ‘‡. You can customize any copy.

Screenshot 2021-04-04 at 15 39 27

๐Ÿ“Š Extension's popup shows stats of how often you close or open blocked websites:

Screenshot 2021-04-04 at 15 23 13

๐Ÿ›‘ Example of URL patterns to block. As you can see, it supports a wildcard symbol *, so you can block any web page, even a search query in Google.

Screenshot 2021-04-04 at 15 23 30

๐Ÿ“ You can fully customize Screenwall copy, breathing timer or a comfortable browsing window (Willpower will show a Screnwall after 15 min of browsing).

Screenshot 2021-04-04 at 15 23 37

Development

Run npm install to install needed packages. FYI Willpower built with Vue CLI.

Run npm run build to compile the extension. Vue CLI will add a dist folder with all the necessary files.

Load the dist folder to chrome://extensions/ via "Load unpacked":

Loading extension in Chrome for development

๐Ÿ” You'll need to run npm run build and update extension โ˜๏ธ every time you changed CSS/JS files.

willpower's People

Contributors

makaroni4 avatar

Stargazers

 avatar Irina Korotkaya avatar Lorand Marton avatar  avatar Ronan Mckee avatar  avatar Philipp Hager avatar  avatar  avatar

Watchers

 avatar James Cloos avatar  avatar

Forkers

foxmoon echo545

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.