Text Manipulation Tool

Text Manipulation Tool is a web application built with React and Tailwind CSS that provides quick and easy text transformations. Ideal for developers, writers, and anyone looking to manipulate text, this tool supports case conversions, space adjustments, and other useful functions, all in a user-friendly interface.

Features

• Uppercase/Lowercase: Quickly convert text to uppercase or lowercase.
• Remove Spaces: Eliminate all spaces in the entered text.
• Copy/Paste: Easily copy text to clipboard or paste from it.
• Clear: Clear the entire text area in one click.
• Capitalize: Capitalize the initial letter of each word.

Project Structure

├── public
│   └── favicon.svg
├── src
│   ├── containers
│   │   ├── Header.jsx
│   │   └── Maintool.jsx
│   ├── theme
│   └── pages
│       └── About.jsx
├── .gitignore
├── .prettierignore
├── .replit
├── README.md
├── index.html
├── package.json
├── tsconfig.json
└── vite.config.js

Installation

1. Clone the repository:

   git clone https://github.com/harshitj183/Text-Manipulation-Tool-REACTJS-TAILWIND-WEB.git

2. Navigate into the project directory:

   cd Text-Manipulation-Tool-REACTJS-TAILWIND-WEB

3. Install dependencies:

   npm install

Scripts

• Start development server: npm run dev
• Build for production: npm run build
• Preview the built app: npm run preview

Built With

• React: For creating an interactive user interface.
• Tailwind CSS: For modern, utility-first styling.
• Vite: A fast development and build tool.

Dependencies

• prop-types: Runtime type checking for React props.
• react-router-dom: Handles page routing in the application.
• typescript: Adds type safety to the codebase.
• @vitejs/plugin-react: Ensures smooth integration of React with Vite.

Contributing

Feel free to submit issues or pull requests. Contributions are welcome to improve the tool further.