Skip to content

Repository files navigation

Speed Reader

A minimalist speed reading application that displays text one word at a time at a configurable rate. Each word features a red-highlighted anchor character (Optimal Recognition Point) to facilitate rapid recognition without eye movement.

Features

  • Paste and Go: Simply paste your text and start reading
  • Adjustable Speed: Control reading speed from 100 to 1000 WPM
  • Optimal Recognition Point (ORP): Red-highlighted anchor character in each word for easier recognition
  • Playback Controls: Play, pause, stop, skip forward/backward
  • Progress Tracking: Visual progress bar and word counter
  • Keyboard Shortcuts: Full keyboard support for efficient control
  • Clean Design: Minimalist, distraction-free interface built with Tailwind CSS

How It Works

The app uses the Optimal Recognition Point (ORP) algorithm to highlight a specific character in each word based on word length:

  • Words 1-2 characters: highlight 1st character
  • Words 3-5 characters: highlight 2nd character
  • Words 6-9 characters: highlight 3rd character
  • Words 10-13 characters: highlight 4th character
  • Words 14+ characters: highlight 5th character

This red anchor helps your eyes stay fixed on one position, allowing you to read faster without moving your eyes.

Getting Started

Prerequisites

  • Node.js (v18 or higher recommended)
  • pnpm (or npm/yarn)

Installation

# Install dependencies
pnpm install

# Start development server
pnpm dev

The app will be available at http://localhost:5173/

Building for Production

pnpm build
pnpm preview

Usage

  1. Paste or type your text in the input area
  2. Select your desired reading speed (default: 300 WPM)
  3. Click "Start Reading" or press Enter
  4. Use controls or keyboard shortcuts to manage playback

Keyboard Shortcuts

  • Space: Play/Pause
  • Escape: Stop and return to setup
  • ← →: Skip backward/forward 10 words
  • ↑ ↓: Increase/decrease speed by 50 WPM

Tech Stack

  • React 19
  • TypeScript
  • Vite
  • Tailwind CSS 4
  • Lucide React (icons)

About

A minimalist speed reading application that displays text one word at a time at a configurable rate. Each word features a red-highlighted anchor character (Optimal Recognition Point) to facilitate rapid recognition without eye movement.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Contributors

Languages