Skip to content

Developed a React-based text comparison application that detects and highlights differences between two texts, with custom logic to mark deletions in red and additions in green.

Notifications You must be signed in to change notification settings

Gochatsurtsumia/react-text-diff

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 

Repository files navigation

Text Diff Viewer

🔗 Live Demo

A React-based web app that compares two texts and highlights differences:

  • Red → deleted words
  • Green → added words

Features

  • Word-by-word text comparison
  • Highlights deletions and additions clearly
  • Clean and responsive UI

Tech Stack

  • React (via Vite)
  • JavaScript
  • CSS

Setup

  1. Clone the repo: git clone <your-repo-url>
  2. Navigate to the project folder: cd text-diff-viewer
  3. Install dependencies: npm install
  4. Start the dev server: npm run dev
  5. Open http://localhost:5173 in your browser

Usage

  1. Enter original text in the Old Text field
  2. Enter modified text in the New Text field
  3. Differences are highlighted automatically

License

Open-source and free to use

About

Developed a React-based text comparison application that detects and highlights differences between two texts, with custom logic to mark deletions in red and additions in green.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published