Diff Pro

Compare text and code side by side — instant, private, in your browser.

Portfolio tool in the same family as MyIP Pro and Img Magic Pro.

Target domain: diff.balavardhan.dev

Features

• Text / files — paste, open file, or drag-and-drop onto each pane
• Folders — pick left & right directories, see added / removed / changed / identical (WinMerge-style list)
• Click a changed file pair to open a text diff
• Split and unified views with inline highlights
• Ignore whitespace / ignore case
• Copy unified patch / download .diff
• Dark / light theme

Runs fully in the browser. Skips node_modules, .git, dist, etc. Text files over 2 MB and binaries are listed but not content-diffed.

Note: Folder picking uses the browser directory picker (best in Chrome / Edge). This is not a full desktop WinMerge (no disk watchers / binary hex view), but it’s useful for everyday code/text folder compares without uploading anything.

Stack

• Vite + React 19 + TypeScript
• Tailwind CSS v4
• Lucide React

Local development

npm install
npm run dev

npm run build
npm run preview

Deploy

Static Vite build on Cloudflare Pages or Vercel:

• Build: npm run build
• Output: dist