GithubHelp home page GithubHelp logo

nilshah98 / think-again Goto Github PK

View Code? Open in Web Editor NEW
10.0 2.0 0.0 6.62 MB

A chrome extension to, well pause and think again before entering that rabbit hole

Home Page: https://www.notion.so/Think-Again-e996cc572aee4875ae2e33957a4f62d1

JavaScript 66.38% CSS 24.73% HTML 8.89%

think-again's Introduction

Think-Again

A chrome extension to, well pause and think again before entering that rabbit hole

Why ?

Many a times I have found myself mindlessly roaming on the internet, seeping deeper and deeper into some rabbithole, losing track of time. And when finally the day ends, look back and regret, how time flew by and I couldn't do anything.
Upon some realisation and research I realised that, if given a pause and time to think about something, people tend to make more calculated response, rather than go with their gut feeling, and hence this idea was born.

What ?

This chrome extensions, maintains a list of blocked domains and pauses user everytime, they try to access it either by navigating to it, or switching to it. Along with also provides some much needed information

  1. A personalized motivation quote
  2. Domain accessed
  3. Number of times this domain has been accessed
  4. Amount of time spent on this domain
  5. Percentage of day left
  6. And finally buttons (pills) to choose from

How to install ?

  1. Open the "Extensions" page chrome://extensions/ in the browser and turn on the Developer mode.
  2. Click on the Load unpacked button and select the directory where the build extension is placed.

Components

  • This can be seen in the screenshot below message -

  • This gets active when a new tab is opened and navigates to a blocked domain, or when switching to a tab already having blocked domain
  • Finally 2 buttons are provided, one to move forward to the blocked domain, and the other to go some productive website, mentioned by the user.
  • These things, which are mentioned by the user, the blocked domains, redirect url, quotes can all be provided through the popup which opens on clicking the Think Again icon in the menu bar

  • Once an item is inserted in the popup can remove those and view those in the options page, which can be accessed by the button in the popup.

  • As can be seen options page contains list of blocked domains, quotes and redirect url, and all can be added using popup

Features

  • Add domains to block
  • Add motivational quotes to display for blocked domains
  • Add redirect url to get out of these blocked domains
  • Reset the data for each blocked domain, at midnight
  • Sync this data across google chrome devices
  • Block on navigating or switching

Screen Recordings

Blocked Domains

Redirect Link

Motivational Quotes

To Do

  • Timer for blocked websites
  • Activate icon on blocked websites

Contact & Additional Info

think-again's People

Stargazers

Roman avatar Ashna Shah avatar Dhruvil Shah avatar Shivam Pawase avatar Kunal Sonawane avatar Akshay Kotak avatar Parshva Barbhaya avatar Jigar wala avatar Hritik Jaiswal avatar Chirag Shetty avatar

Watchers

James Cloos avatar Neel Shah avatar

think-again's Issues

Get the current domain name

Currently using - ^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:\/\n?]+) query to segment the URL into groups and extract domains from it.

Works well for websites containing any amounts of subdomain, and only one top level domain, ie. .com, .net, etc. Gives false results for something like - home.example.co.in. Current function returns co while the domain is example.

The function getDomain can be found in background/backgroundTabs.js which is doing the domain extraction.

Some, tests which should be passed -
home.example.co.in -> example
home.example.com -> example
home.room.example.co.in -> example
home.room.example.com -> example

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.