TextUtils is a React-based web application designed to modify text in various ways. It provides a range of functionalities including converting text to uppercase or lowercase, copying text, clearing text, removing extra spaces, counting the number of words and characters, and showing the time required to read the text. Additionally, TextUtil features a theme toggle to switch between light and dark modes.
- Convert to Uppercase: Transform the input text to uppercase.
- Convert to Lowercase: Transform the input text to lowercase.
- Copy Text: Copy the input text to the clipboard.
- Clear Text: Clear all the text from the input area.
- Remove Extra Spaces: Remove any extra spaces from the input text.
- Word and Character Count: Display the number of words and characters in the input text.
- Reading Time: Estimate the time required to read the input text.
- Text Preview: Display a preview of the input text.
- Toggle Theme: Switch between light and dark modes for the application.
-
Clone the repository:
git clone https://github.com/adityas-github/Textutils.git cd Textutil
-
Install dependencies:
npm install
-
Start the application:
npm start
The application will run on http://localhost:3000
by default.
- Enter Text: Input the text you want to modify in the text area.
- Use Buttons: Click on the buttons provided to perform various operations like converting text to uppercase, lowercase, copying, clearing text, removing extra spaces, and more.
- View Stats: Check the word and character count, reading time, and preview of the text below the text area.
- Toggle Theme: Use the toggle switch in the navigation bar to switch between light and dark themes.
- Navbar: Contains the title of the application and the theme toggle switch.
- TextForm: Main component for text input and displaying modification options.
- Alert: Displays alert messages for actions performed (e.g., text copied, theme toggled).
- About: Provides information about the application.
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch
). - Make your changes and commit them (
git commit -m 'Add some feature'
). - Push to the branch (
git push origin feature-branch
). - Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
- Thanks to the creators of React and the open-source community for their invaluable contributions.
For any questions or suggestions, please reach out to me at [[email protected]].