Giter VIP home page Giter VIP logo

jiffyjiggyreader.com's Introduction

Jiffy Reader

A Browser Extension for Bionic Reading on ANY website!

Jiffy Reader - Read anything on the internet faster and more clearly! | Product Hunt Jiffy Reader - Read anything on the internet faster and more clearly | Product Hunt

How it works

Below is a screenshot demonstrating how the extension works by bolding out the initial parts of all text on any page when clicked. There are toggles and sliders to customize it to your preference so you can enjoy your time reading. You must agree this is awesome right? Screenshot from 2022-05-29 19-13-02

The best way to install this extension is to follow the instructions below. However, we will also periodically be releasing this extension on the various stores under the name Jiffy Reader.

Table of Contents

Installation Instructions

Chrome

Download via Chrome Store or follow the instructions below

  1. Click here to download the latest chrome.zip release
  2. Extract the file
  3. Open Chrome
  4. Enter chrome://extensions in the address bar
  5. Enable developer mode with the toggle on the top right side of the page if it is not enabled already
  6. Click load unpacked on the left side of the page
  7. Find and select the extracted folder, this extension should now be installed
  8. To pin the extension, click the puzzle icon on the top right of Chrome, then pin the extension.

Firefox

Download via the Mozilla Firefox Plugin/Add-on Store or follow the instructions below

  1. Download firefox.xpi by right clicking here and choose Save link as to download the latest firefox.xpi release
  2. Open Firefox
  3. Enter about:debugging#/runtime/this-firefox in the address bar
  4. Click Load Temporary Add-on... and navigate to the path of the downloaded firefox.xpi and select it to install it

Firefox will remove the extension when the browser is closed. This will be solved once we provide a means to download the extension from the firefox store

Opera

  1. Download: Click here to download the latest opera.crx release
  2. Extract the file
  3. Open Opera
  4. Enter opera://extensions in the address bar
  5. Enable developer mode with the toggle on the top right side of the page if it is not enabled already
  6. Click load unpacked on the left side of the page
  7. Find and select the extracted folder, this extension should now be installed and listed on the screen
  8. To pin the extension, click the cube icon on the top right of Chrome, then pin the extension.

Edge

  • Please follow the steps for chrome above

What is Bionic Reading?

Bionic Reading is a new method facilitating the reading process by guiding the eyes through text with artficial fixation points. As a result, the reader is only focusing on the highlighted initial letters and lets the brain center complete the word. In a digital world dominated by shallow forms of reading, Bionic Reading aims to encourage a more in-depth reading and understanding of written content.

Read more about Bionic Reading.

Reporting Issues, bugs and feature request

Visit the issues page to report, bugs or tell us about a feature you would like to see and hopefully we will get to you. Kindly allow for some time after submitting a issue for someone to get back to you. You can also see a list of open issues that you may contribute to by commenting to help out someone with a challenge or developing and opening a PR. See contribution section

How to Contribute

Anyone is welcome to provide contributions to this project by submitting a PR (Pull Request) and it will be happily merged to provide features and fixes to the incredible people using the extension.

Development

  1. Clone the project
  2. Open in VS Code or your favourite editor
  3. Run yarn or npm i to install dependencies
  4. Run yarn dev:chrome or npm run dev:chrome to build the development version. Substitute chrome for firefox if that is your prefered browser.
  5. Follow the installation version for your prefered browser but navigate to the projectRootFolder/extensions/ and choose the folder that corresponds with your browser.

Configure vscode to run the project when it is opened

  1. Copy .vscode/tasks.json.example to .vscode/tasks.json or enter cp .vscode/tasks.json.example .vscode/tasks.json in the terminal from the project root
  2. Open vs code command pallet
  3. Type and select Tasks: Manage Automatic Tasks in Folder
  4. Click Allow Automatic Tasks in Folder.
  5. Reload VS code.

Release a new version

  • Change version in package.json, eg. "version": "1.0.0"
  • Push a new tag to GitHub, eg. git tag 1.0.0 && git push --tags
  • The Workflow should be running here
  • Check the release version here and edit release notes.

jiffyjiggyreader.com's People

Contributors

a1eaiactaest avatar ansh avatar asieduernest12 avatar cveinnt avatar dingxuanyao avatar fahimfba avatar iskandarzhilmi avatar kosrotoff avatar meetbryce avatar megabluejay avatar mehbubhussain avatar milkyomo avatar moonchanyong avatar paradoxialn3 avatar tommyholmberg avatar videah avatar x140yu avatar

jiffyjiggyreader.com's Issues

[FEATURE] Incremental update

Is your feature request related to a problem? Please describe.
Dynamically created doms are not applied bolding.

Describe the solution you'd like
check dom tree is changed and re-highlight text

  • event-listener?

Describe alternatives you've considered
interval timer.

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.