/textutils

This is a simple yet powerful text manipulation tool built using React. It performs various operations on text such as converting to uppercase, lowercase, capitalizing each word, and converting text to speech, all on a single page with high performance.

Primary LanguageJavaScript

TextUtils README

Overview

Welcome to TextUtils! This is a simple yet powerful text manipulation tool built using React. It performs various operations on text such as converting to uppercase, lowercase, capitalizing each word, and converting text to speech, all on a single page with high performance. This is my first React app, and I'm excited to share it with you!

Features

  • React: A JavaScript library for building user interfaces.
  • Text Transformations: Convert text to uppercase, lowercase, capitalize each word.
  • Text to Speech: Convert text to speech for auditory representation.
  • Single Page Application: All functionalities are available on a single page for ease of use.
  • Fast and Responsive: Built for high performance and responsiveness.

Getting Started

Prerequisites

Ensure you have the following installed:

  • Node.js
  • npm (Node Package Manager)

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/textutils.git

  2. Navigate to the project directory:

    cd textutils

  3. Install the dependencies:

    npm install

Running the App

To start the development server, run: npm start

The app will be available at http://localhost:3000.

Project Structure

textutils/
│
├── public/
│   ├── index.html
│   └── ...
│
├── src/
│   ├── components/
│   │   ├── TextArea.js
│   │   ├── TransformButtons.js
│   │   └── ...
│   │
│   ├── App.js
│   ├── index.js
│   └── ...
│
├── package.json
└── README.md

Usage

Text Operations

  • Uppercase: Converts the input text to uppercase.
  • Lowercase: Converts the input text to lowercase.
  • Capitalize: Capitalizes the first letter of each word in the input text.
  • Text to Speech: Reads out the input text.

How to Use

  1. Enter your text in the text area.
  2. Click on the desired operation button (Uppercase, Lowercase, Capitalize, Text to Speech) to apply the transformation.
  3. The transformed text will be displayed immediately.

Contributing

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes and commit (git commit -am 'Add new feature').
  4. Push to the branch (git push origin feature-branch).
  5. Open a Pull Request.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

I hope you find TextUtils useful! This being my first React app, I'm eager to hear your feedback and suggestions for improvement. Feel free to reach out or open an issue if you have any questions or comments. Happy coding!