A self-made project built from scratch which helps you to read passages within a flash by flashing the words infront of eyes one by one , thus helping you read faster than the usual speed of an average human
An average human can read 250 Words Per Minute . However , our mind can do much faster but due to limitiation of the fact that our mind tends to read spaces between them as well so costing us 250 words per minute, but by eliminating the spaces between them your mind only just by focusing on words, you can speed read up to 500 words per minute
So with some research and references , we can actually read text without spaces in between and understand it as well .
If by flashing the words infront of eyes one by one will help to read every word without focusing on word separated spaces and understand it as well .
Everytime you want a new passage to flashread , you might have to refresh the page ( it might also work without refreshing but still there might be some issues which might be improved in later versions )
- Pause/Play
- Speed Up WPM ( Maximum possible : 6000 WPM )
- Speed Down WPM ( Minumum possible : 40 WPM )
- Slider to slide to a particular word anytime you want to see alongwith showing word number
- Figma (Software)
- HTML
- CSS
- JavaScript
- GSAP min JS ( a JavaScript Animation Library )
Since I need to show words at a particalr WPM , I calculated how much time it takes for a word to display : For 400 Words Per Minute :
400 Words → 1 minute → 60 seconds 1 Word → 60/400 seconds → 60/400 * 1000 milliseconds
So to display words a particular rate(let sat x wpm) , I used the formula 60/x * 1000
Pull requests are most welcome. For major changes, please open an issue first to discuss what you would like to change. Please make sure to update tests as appropriate.
- Text-to-voice alongwith flash read
- Skip from a word to a particular word
- Changing the font size
- Minor Bug fixes
Even though you are not able to contribute any other more update ideas are welcome :)
-
Hi-Fi Prototyping using Figma (Software)
-
Skeleton Prototype using HTML
-
Logic implementation using JavaScript
-
Designing using CSS
-
Adding animations using GSAP min js and some hover effects using pure CSS
-
Handling Long words passage by lowering the font-size automatically
-
Responsive Designing for across all device platforms
-
Text-to-voice alongwith flash read
-
More Updates and bug fixes
: