FishDoc

FishDoc is a “typing-as-reading” web app. It mimics typing in a docs editor while progressively revealing the content of a local .txt file. No upload is required; the file and progress are both stored locally.

Features

• Import local .txt and read without uploading
• Progressive reveal engine (per-keystroke); Backspace/Delete steps backward
• Google Docs–like UI (toolbar, ruler, centered paper)
• Local persistence of reading progress and settings (IndexedDB + Zustand)
• Remove current document & resume later

Tech Stack

• Vite + React + TypeScript
• Native contenteditable + custom reveal logic
• Zustand for state + IndexedDB for large text (via simple helpers)

Project Structure

FishDoc/
├─ index.html
├─ public/ # static assets (favicon, etc.)
├─ src/
│ ├─ components/
│ │ ├─ Toolbar.tsx # header + menus + formatting wrapper + ruler
│ │ ├─ Editor.tsx # contenteditable viewer with reveal logic
│ │ └─ Ruler.tsx
│ ├─ lib/
│ │ └─ sourceStore.ts
│ ├─ store/
│ │ └─ useDocStore.ts
│ ├─ App.tsx
│ ├─ main.tsx
│ └─ index.css
├─ package.json
└─ vite.config.ts

Development

npm install
npm run dev

Open the printed local URL in your browser.

Build

npm run build

This produces a static bundle in dist/.

Contribution

Contributions are welcome! 🎉

• Open an issue for feedback or feature requests.
• Fork the repo, create a branch, and submit a pull request for changes.