TextUtils - Text Utility Application

Live Demo: https://textutil-text-utility.netlify.app/

About The Project

TextUtils is a React-based text utility application that provides various tools to manipulate and analyze your text. It offers features like case conversion, text cleaning, word/character counting, and more with a clean, responsive interface that supports both light and dark modes.

Features

• Text Transformation:

  • Convert text to UPPERCASE
  • Convert text to lowercase
  • Remove extra spaces
  • Copy text to clipboard
  • Clear text

• Text Analysis:

  • Word count
  • Character count
  • Reading time estimation

• UI Features:

  • Dark/Light mode toggle
  • Responsive design
  • Alert notifications
  • Bootstrap-styled components

Built With

• React
• React Router
• Bootstrap
• PropTypes

Installation

1. Clone the repo

   git clone https://github.com/your-username/textutils.git
   npm install
   npm start
   

   ---

Usage

1. Enter your text in the textarea
2. Use the buttons to perform various text operations:
   • Convert case (uppercase/lowercase)
   • Remove extra spaces
   • Copy text to clipboard
   • Clear the textarea
3. View text statistics:
   • Word count
   • Character count
   • Reading time estimation
4. Toggle theme:
   • Dark/Light mode switch in navigation bar

File Structure

textutils/ ├── src/ │ ├── components/ │ │ ├── About.jsx │ │ ├── Alert.jsx │ │ ├── Navbar.jsx │ │ └── TextForm.jsx │ ├── App.css │ ├── App.js │ ├── App.test.js │ └── index.js ├── public/ ├── package.json └── README.md

---