Skip to content

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

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors