Text Comparison Tool

A modern and user-friendly interface, multiple text comparison tool. With this application, you can compare multiple texts simultaneously, easily edit their contents and see results instantly.

Screenshot

Motivation

During software development, especially in security and validation processes, the need to compare different texts frequently arises. For example:

• JWT token comparisons
• Hash value checks

This tool allows you to perform such comparisons quickly and effectively.

Features

• Multiple text comparison (2 or more)
• Modern dark theme design
• Dynamic input field addition/removal
• Instant comparison results
• Easy text clearing
• Real-time character count for each text field

Technologies Used

Frontend

• HTML5
• SCSS/SASS
• JavaScript (ES6+)
• Font Awesome Icons

Installation

1. Clone the repository:

   git clone https://github.com/hams-i/text-comparison.git
   cd text-comparison

2. Open index file in a web browser:

   # For Windows
   start index.html
   
   # For macOS
   open index.html
   
   # For Linux
   xdg-open index.html

Usage

1. Two text fields are displayed by default
2. Add new text fields with "Add New Field" button
3. Remove fields using X icon in top right of each field
4. Clear text using eraser icon
5. Compare all texts with "Compare" button
6. Clear all fields with "Clear All" button
7. Character count is displayed in the title of each text field and updates in real-time

Contributing

1. Fork this repository
2. Create a new branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Create a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Developer

Github - Hamsi

Tools Used and Details

• Time: 1 Hour 30 Minutes
• Cursor.AI (https://www.cursor.com/)
• Claude-3-5-sonnet in the Cursor App