Bionic ReadingTool - Convert Text into Better Way to Read Faster

Overview

📓 Bionic ReadingTool

A revolutionary way for guiding the eyes through text using artificial fixation spots to make reading easier. As a result, the reader's attention is drawn solely to the highlighted starting letters, leaving the word to be completed by the brain center. Bionic Reading attempts to foster greater in-depth reading and understanding of textual content in a digital environment dominated by shallow kinds of reading.

vite-react-tailwind-bionic-reading project

Bionic ReadingTool project image

What is Next? 🌟

Name Short Description Status
Save as PDF Create a button and download as PDF the text backlog
Show characters Display Characters after textarea backlog
Increase fonts Create functionality to increase/descrease fonts size backlog

How to Run

npm i && npm dev

or

yarn && yarn dev

Contribution

Pull requests are welcome :)

Preview

Frontend live demo (click)

Stars history

Stargazers over time

You might also like...

Frolics is an offline, lightweight, full-text search library for Frontend applications

Frolics What Is Frolics Installation Document Preparing Customized Fields Hand-on Example Cache Usage What Is Frolics ? Frolics is an offline, lightwe

Dec 4, 2022

Everything you wish the HTML select element could do, wrapped up into a lightweight, extensible Vue component.

vue-select Everything you wish the HTML select element could do, wrapped up into a lightweight, zero dependency, extensible Vue component. Vue Selec

Jan 2, 2023

Vue2.x plugin to create scoped or global shortcuts. No need to import a vue component into the template.

vue2-shortcut Vue2.x plugin to create scoped or global shortcuts. No need to import a vue component into the template. Install $ npm install --save vu

Aug 14, 2022

⚡️🌱 Vite plugin for Twig, transforms twig templates into HTML

⚡️ 🌱 ViteTwig import twig from '@vituum/vite-plugin-twig' export default { plugins: [ twig({ reload: true, root: null, filte

Dec 15, 2022

Magically convert a simple text input into a cool tag list with this jQuery plugin.

jQuery Tags Input Plugin Do you use tags to organize content on your site? This plugin will turn your boring tag list into a magical input that turns

Dec 23, 2022

Convert any webpage into bionified text!

Convert any webpage into bionified text!

Bionify - Read Faster! LEGAL NOTICE: To the wonderful folks at Bionic Reading®, this is not a pirated version of your Bionic Reading® API, but rather

Dec 8, 2022

Mongo Strict is a TypeScript based smart MongoDB ORM, It makes the usage of MongoDB safer, easier and faster with a better performance...

mongo-strict mongo-strict is compatible with mongo = 5 Mongo Strict is a TypeScript-based smart MongoDB ORM, It makes the usage of MongoDB safer, eas

Sep 22, 2022

Easiest 1-click way to install and use Stable Diffusion on your own computer. Provides a browser UI for generating images from text prompts and images. Just enter your text prompt, and see the generated image.

Easiest 1-click way to install and use Stable Diffusion on your own computer. Provides a browser UI for generating images from text prompts and images. Just enter your text prompt, and see the generated image.

Stable Diffusion UI Easiest way to install and use Stable Diffusion on your own computer. No dependencies or technical knowledge required. 1-click ins

Dec 30, 2022

An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) products using an API in which you can also create, read, update or delete products.

An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) products using an API in which you can also create, read, update or delete products.

CRUD app with React and Firebase 9 An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) produc

Sep 28, 2021

Interactive web app where you can Store ,Add and Remove books to organize the books that you've read or the ones willing to read

bookStore Interactive web app where you can Store ,Add and Remove books to organize the books that you've read or the ones willing to read Built With

Jul 20, 2022

Read without losing the plot. Well Read helps you organize your notes about books you're reading, so you're never lost when starting a new volume.

Read without losing the plot. Well Read helps you organize your notes about books you're reading, so you're never lost when starting a new volume.

Well Read Well Read is a website for tracking your reading of long book series. I made this to track how many pages I read in a session and to better

Dec 15, 2022

An online library for adding and removing a different number of books from a user collection, keeping track of the books you've read and the one's you are yet to read

An online library for adding and removing a different number of books from a user collection, keeping track of the books you've read and the one's you are yet to read

Awesmoe Books A Website demo for our project of book store, The website has ability of adding and removing you books from yor library, Thats reflects

Jul 8, 2022

Obsidian plugin: Type text shortcuts that expand into javascript generated text.

Obsidian plugin: Type text shortcuts that expand into javascript generated text.

Obsidian Plugin - Text Expander JS (open beta) This Obsidian plugin allows the user to type text shortcuts that are replaced by (or "expanded into") j

Dec 27, 2022

A dead-simple Bookmarklet and Chrome Extension implementation of something like Bionic Reading

What is it? Inspired by Bionic Reading, this Bookmarklet modifies a webpage to display the first half of each word in bold. Can also be installed as a

Dec 5, 2022

A simple chrome extension using Bionic Reading API.

Bionic Reading Chrome Extension A simple chrome extension using Bionic Reading API, provided by RapidAPI. 🚧 👷 Currently in the early stages of devel

Nov 8, 2022

An Open-Source JavaScript Implementation of Bionic Reading.

bionic-reading Try on Runkit or Online Sandbox An Open-Source JavaScript Implementation of Bionic Reading API. ⚙️ Install npm i bionic-reading yarn ad

Dec 16, 2022

A simple chrome extension using Bionic Reading (BR®) API.

Bionic Speed Reader Browser Extension A simple browser extension using Bionic Reading API, provided by RapidAPI. 🚧 👷 Currently in the early stages o

Nov 8, 2022

A Chrome Extension for Bionic Reading on ANY website!

A Chrome Extension for Bionic Reading on ANY website!

bionic-reading A Chrome Extension for Bionic Reading on ANY website! How it works Below is a screenshot demonstrating how the extension works by boldi

Jan 4, 2023

Firefox Extension for Smart Reading - Bionic Reading

Smart Reader - Bionic Reading Smart Reader or Bionic reading is a way to keep our focus on the web. The fact that the beginnings of words are bolded,

Dec 17, 2022
Comments
  • Implement Download Functionality

    Implement Download Functionality

    Description

    • I implemented functionality to download as pdf.
    • I added a button to download bionic text to the pdf.
    • I have added a folder structure to the project. It makes it easier to work on the project if the code is broken down into different folders.
    • I have corrected a spelling mistake in the method onChangeTextare() to onChangeTextarea()

    Fixes # (issue)

    • #3 Add download as pdf functionality

    • #1 Adds folder structure

      • hooks folder for hooks
      • components folder for components
      • pages folder for pages
      • utils folder for helper functions
    • #1 Corrects name of the method onChangeTextare() returned from the useTextProcessing hook

    - onChangeTextare()
    + onChangeTextarea()
    

    Type of change

    • [x] Style improvement (non-breaking change which improves the structure of the code)
    • [x] Bug fix (non-breaking change which fixes an issue)
    • [x] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
    • [x] This change requires a documentation update

    Checklist:

    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] I have commented on my code, particularly in hard-to-understand areas
    • [ ] I have made corresponding changes to the documentation
    • [x] My changes generate no new warnings
    • [ ] I have added tests that prove my fix is effective or that my feature works
    • [ ] New and existing unit tests pass locally with my changes
    • [ ] Any dependent changes have been merged and published in downstream modules
    opened by untilhamza 2
  • Add features

    Add features

    Hello @crisanlucid , here is my Pull request,

    • Create "Landing page"
    • add Basic and dirty Internationalization
    • Add Husk for pre commit, pre push and commit messages
    • adjus Vitest for testing in future
    • add Conventional Commits
    • add routes
    • add prettier and ES Lint
    • Add Fake page About

    All parts need refinement :) Greate Project

    opened by CarlosZiegler 2
  • This is not bionic reading......!

    This is not bionic reading......!

    well my guess is, what you did is took string length of string halved it and integer casted it. I want to you to use some NLP highlight right syllable of word.

    opened by 10sp 1
  • Some minor improvements

    Some minor improvements

    Hey, i saw your implementation of bionic reading. Very nice. Thanks a lot!

    I read the patent for the bionic reading and noticed some differences. They are ignoring numbers and highlight 3/5th of a word, not the half. These are minor things, but i wanted to mention them to you :)

    Because of the learning effect, I implemented it by myself in elm. If you are interested in the algorithm, take a look here.

    The patent is also linked in the readme.

    All the best!

    help wanted 
    opened by auryn31 1
Releases(v0.2.0)
  • v0.2.0(Jul 9, 2022)

    What's Changed

    • Implement Download Functionality by @hsanshine in https://github.com/crisanlucid/vite-react-tailwind-bionic-reading/pull/5
    • Feature/button download functionality by @crisanlucid in https://github.com/crisanlucid/vite-react-tailwind-bionic-reading/pull/7

    New Contributors

    • @hsanshine made their first contribution in https://github.com/crisanlucid/vite-react-tailwind-bionic-reading/pull/5
    • @crisanlucid made their first contribution in https://github.com/crisanlucid/vite-react-tailwind-bionic-reading/pull/6

    Full Changelog: https://github.com/crisanlucid/vite-react-tailwind-bionic-reading/compare/v0.1.0...v0.2.0

    Source code(tar.gz)
    Source code(zip)
Owner
Lucian Daniel Crisan
{​ title:['FullStack Developer '], work:['@topcraftbits',], tech:['JS', 'ReactJS', 'Express.js', 'TS'], }
Lucian Daniel Crisan
PDF.js Read Only is an additional readonly mode for PDF.js

PDF.js Read Only PDF.js Read Only is an additional readonly mode for PDF.js, a Portable Document Format (PDF) viewer that is built with HTML5 which is

Aprillio Latuminggi 19 Dec 22, 2022
⚡️ The easiest way to build forms with Vue.

Documentation Website What is Vue Formulate? Vue Formulate is the easiest way to build forms with Vue. Please read the comprehensive documentation for

Braid 2.2k Dec 30, 2022
Carpatin is a React JS Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage the Material-UI power of stylizing the components in a way that feels more professional.

Carpatin Dashboard Free Carpatin is a React Js Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage

Devias 64 Dec 12, 2022
@auth0/auth0-spa-js wrapper in the "Vue way", with full TS support

vue-auth0 This is a wrapper around @auth0/auth0-spa-js meant to ease the usage into Vue projects. This is heavily inspired by the snippet into Auth0 o

Dreamonkey S.r.l. 5 Oct 18, 2022
VGENT – Vue Agent, that helps you to develop in a more effective way

VGENT is a CLI tool that generates boilerplate files for components, pages in your Nuxt.js or Vue.js project.A file generator for Nuxt.js

Arman Kuanysh 20 Dec 29, 2022
⊞ The modern way to work with tables. Blazing fast facet-filtering, sorting, and searching.

Table Elements The easiest way to integrate Meilisearch into your frontend as a data source for your tables. These components will allow you to kick-s

Open Web 10 Nov 21, 2022
A renderless rich-text editor for Vue.js

We’re working on tiptap 2. Become a sponsor to get access immediately! Sponsor ?? tiptap A renderless and extendable rich-text editor for Vue.js [FAQ]

überdosis 17.4k Dec 29, 2022
Obsidian plugin to add keyboard shortcuts commonly found in code editors such as Visual Studio Code or Sublime Text

Code Editor Shortcuts This Obsidian plugin adds keyboard shortcuts (hotkeys) commonly found in code editors such as Visual Studio Code or Sublime Text

Tim Hor 143 Dec 30, 2022
A text replacer component for vue3.

A text replacer component for Vue 3. Requires Vue 3 as peer-dependency. Installation Install it from npm. npm install vue3-replacer pnpm add vue3-rep

Kadir Yazıcı 4 Feb 19, 2022
Morse code is a method used in telecommunication to encode text characters as standardized sequences of two different signal durations, called dots and dashes, or dits and dahs.

@elonehoo/point-line Install # npm npm i @elonehoo/point-line # yarn yarn add @elonehoo/point-line #pnpm pnpm i @elonehoo/point-line Usage import {dec

Elone Hoo 5 Aug 3, 2022