Skip to content

Repository files navigation

DocX Diff

DocX Diff

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

Features • Quick Start • Documentation

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

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages