Skip to content

puntorigen/docx-diff

Repository files navigation

DocX Diff

DocX Diff

Compare Word Documents Online
Upload two DOCX versions and see all differences with tracked changes

FeaturesQuick StartDocumentation

Next.js TypeScript License


Preview

DocX Diff Demo


Features

  • 📄 Upload & Compare – Drop two DOCX files and see differences instantly
  • 🔍 Track Changes – Insertions (green), deletions (red), format changes (yellow)
  • AI Summary – LLM-powered change descriptions (via Groq)
  • Accept/Reject – Review changes individually via SuperDoc's bubble UI
  • 🎨 Format Detection – Catches bold, italic, and other formatting changes
  • 📊 File Indicator – Always see which files are being compared
  • 💾 Download – Export with tracked changes (MS Word compatible)
  • 🛠️ Full Editor – SuperDoc toolbar for additional editing

Quick Start

npm install
npm run dev

Open http://localhost:3000

Docker

docker build -t docxdiff .
docker run -p 3000:3000 docxdiff

Tech Stack

  • Next.js 16 – App Router
  • SuperDoc – Document editor (superdoc.dev)
  • diff-match-patch – Character-level diffing
  • Groq – AI summary generation (via Server Action)
  • Tailwind CSS – Styling
  • Zustand – State management

Environment Variables

Variable Required Description
GROQ_API_KEY Optional Enables AI-powered change summaries
NEXT_PUBLIC_BASE_URL Optional Base URL for SEO metadata

Documentation

Document Description
ARCHITECTURE.md Project structure and data flow
PLANS/final-approach.md Detailed implementation guide
PLANS/limitations.md Known limitations and workarounds

License

MIT © Pablo Schaffner

About

Online docx differences finder using NextJS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages