TextUtils is a comprehensive text manipulation and readability analysis tool developed using React.js. It provides various functionalities such as text and character counting, text preview, dark mode, converting text to uppercase and lowercase, copying text, and removing extra spaces.
- Text Manipulation: Convert text to uppercase, lowercase, and remove extra spaces.
- Character and Word Counting: Quickly analyze text to provide character and word counts.
- Dark Mode: Switch between light and dark themes for a comfortable viewing experience.
- Text Preview: Preview the text as you type or manipulate it.
- Copy Text: Easily copy the manipulated text to your clipboard.
- Clear Text: Clear all text inputs with a single click.
- HTML: For structuring the content.
- CSS: For styling the application.
- Bootstrap: For responsive design and pre-built components.
- JavaScript: For dynamic functionality.
- React.js: For building the user interface.
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/mayurrogheliya/TextUtils.git
-
Navigate to the project directory:
cd textutils
-
Install dependencies:
npm install
-
Start the development server:
npm start
The application will run locally on http://localhost:3000.
- Enter your text in the provided text area.
- Use the buttons to perform various text manipulations like converting to uppercase, lowercase, removing extra spaces, etc.
- View the results instantly in the text preview area.
- Copy the manipulated text using the copy text button.
- Clear the text when you are done or want to start over.
- Toggle Dark Mode: Use the switch to toggle between light and dark modes.
You can see a live demo of the TextUtils website here.