TextUtils

TextUtils is a React-based web application that provides various text manipulation utilities. It allows users to perform operations like converting text to uppercase, lowercase, sentence case, removing extra spaces, and more. The app also supports light and dark modes for an enhanced user experience.

Features

📝 Text Transformation

• Convert text to uppercase.
• Convert text to lowercase.
• Apply sentence case.
• Remove extra spaces.
• Clear text instantly.

📋 Clipboard Operations

• Copy text to clipboard.
• Paste text from clipboard.

📊 Text Analysis

• Character count.
• Word count.
• Estimated reading time.

🌗 Dark Mode

• Toggle between light and dark themes for comfortable reading.

🔔 Alert System

• Displays notifications for user actions.

Technologies Used

• Frontend: React.js
• Styling: Bootstrap 5
• State Management: React Hooks

🚀 Installation

1. Clone the repository:

   git clone https://github.com/your-username/textutils.git
   cd textutils

2. Install dependencies:

   npm install

3. Run the application:

   npm start

📂 Project Structure

my-app/
├── public/
│   ├── index.html
│   ├── manifest.json
│   └── robots.txt
├── src/
│   ├── components/
│   │   ├── About.js
│   │   ├── Alert.js
│   │   ├── AlertBox.js
│   │   ├── NavBar.js
│   │   └── TextForm.js
│   ├── App.js
│   ├── App.css
│   ├── index.js
│   ├── index.css
│   └── reportWebVitals.js
├── .gitignore
├── package.json
└── README.md

🛠 Usage

1. Open the application in your browser.
2. Enter text in the input box.
3. Use the buttons to perform various text transformations.
4. Toggle between light and dark modes using the switch in the navigation bar.

🤝 Contributing

Contributions are welcome! Follow these steps:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature-branch

3. Commit your changes:

   git commit -m "Add new feature"

4. Push to the branch:

   git push origin feature-branch

5. Open a pull request.

🙌 Acknowledgements

• React.js – JavaScript library for building user interfaces.
• Bootstrap 5 – For responsive UI components.
• React Testing Library & Jest – For testing components.

---

Feel free to improve this project and contribute to its development! 🚀