Text Utils

A modern, lightweight text utility application built with React that helps users manipulate and analyze text with ease.

Features

• Text Transformation
  • Convert text to UPPERCASE
  • Convert text to lowercase
  • Convert text to Title Case
  • Remove extra spaces
• Text Analysis
  • Reading time estimation
  • Character count
  • Word count
• Utility Functions
  • Copy text to clipboard
  • Clear text
  • Real-time text preview

Demo

Try it live: Text Utils Demo

Installation

1. Clone this repository bash git clone https://github.com/Vaitae/Text-Utility-App.git

2. Navigate to the project directory bash cd text-utils

3. Install dependencies bash npm install

4. Start the development server bash npm start

5. Open your browser and visit http://localhost:3000

Usage

1. Enter or paste your text in the input area
2. Choose any operation button to transform your text:
   • Uppercase: Converts all text to uppercase
   • Lowercase: Converts all text to lowercase
   • Title Case: Capitalizes first letter of each word
   • Remove Spaces: Removes extra spaces between words
3. View the transformed text in the preview section
4. Check the reading time and word/character counts that update in real-time
5. Use the Copy button to copy the transformed text to clipboard
6. Use the Clear button to reset all fields

Tech Stack

• React.js
• CSS3
• JavaScript ES6+
• React Hooks

Performance

• Lightweight (<100KB)
• Fast and responsive
• Works offline (PWA ready)

Project Structure

text-utils/
├── public/
│   ├── favicon.ico
│   ├── index.html
│   └── ...
├── src/
│   ├── components/
│   │   ├── TextForm.js
│   │   ├── Navbar.js
│   │   ├── Alert.js
│   │   └── ...
│   ├── App.js
│   ├── index.js
│   └── ...
├── package.json
└── README.md

---

If you found this project useful, please consider giving it a star on GitHub!