Text Diff Tool

A web app for comparing two text blocks with character and word-level diff highlighting.

Live: https://0-nira-0.github.io/text-diff-tool/

Stack

• React 18 + TypeScript
• Vite 5
• CSS Modules
• Myers diff algorithm (custom implementation, no external libraries)

Features

• Character and word level diff
• Split and unified view modes
• Synchronized scrolling in split mode
• Ignore whitespace option
• Drag and drop file input
• Export diff as plain text
• Print-friendly view
• Local storage persistence
• Keyboard shortcuts: Ctrl+Enter — run diff, F3 / Shift+F3 — search navigation

Run locally

npm install
npm run dev

Build

npm run build

Output goes to docs/ — ready for GitHub Pages (deploy from branch, /docs folder).