This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint
in your project.
A simple web app to compare three texts, visualize differences (line and word level), ignore whitespace, toggle dark mode, and save/load multiple diff results.
-
Clone the repository or download the source code.
-
Install dependencies:
npm install npm install diff
-
Start the development server:
npm run dev
The app will be available at the URL shown in your terminal (usually http://localhost:5173).
-
Build for production:
npm run build
-
Preview the production build:
npm run preview
- Compare 3 texts and see differences in color (line and word level)
- Ignore whitespace option
- Toggle dark mode
- Save and load multiple diff results (with custom titles)
- Side-by-side diff view
Feel free to contribute or suggest improvements!