TextUlis

TextUlis is a powerful and versatile text utility application built with React and Vite. It provides a suite of tools to manipulate and analyze text efficiently, featuring a modern UI with dynamic theming.

🚀 Features

• Text Manipulation:
  • Convert text to UPPERCASE or lowercase.
  • Copy text to clipboard with a single click.
  • Remove Extra Spaces for cleaner formatting.
  • Clear the text area instantly.
• Real-time Analysis:
  • Word Count and Character Count.
  • Reading Time estimation.
  • Text Preview to see your changes live.
• Theming:
  • Multiple modes including Light, Dark, and Green modes for a personalized experience.
• Responsive Design: Built with Bootstrap for a seamless experience across devices.

🛠️ Tech Stack

• Frontend: React 18

• Build Tool: Vite

• Styling: Bootstrap 5.3, Tailwind CSS

• Icons: Bootstrap Icons, Lucide React

• Routing: React Router DOM

  Visual Dispaly

  

📥 Installation

1. Clone the repository:

   git clone https://github.com/Shahzishaheer/my-app.git

2. Navigate to the project directory:

   cd textuils

3. Install dependencies:

   npm install

💻 Getting Started

Run the development server:

npm run dev

Open http://localhost:5173 in your browser to view the app.

🏗️ Building for Production

To create an optimized production build:

npm run build

To preview the production build locally:

npm run preview# TextUlis

TextUlis is a powerful and versatile text utility application built with React and Vite. It provides a suite of tools to manipulate and analyze text efficiently, featuring a modern UI with dynamic theming.

## 🚀 Features

- **Text Manipulation:**
  - Convert text to **UPPERCASE** or **lowercase**.
  - **Copy** text to clipboard with a single click.
  - **Remove Extra Spaces** for cleaner formatting.
  - **Clear** the text area instantly.
- **Real-time Analysis:**
  - **Word Count** and **Character Count**.
  - **Reading Time** estimation.
  - **Text Preview** to see your changes live.
- **Theming:**
  - Multiple modes including **Light**, **Dark**, and **Green** modes for a personalized experience.
- **Responsive Design:** Built with Bootstrap for a seamless experience across devices.

## 🛠️ Tech Stack

- **Frontend:** React 18
- **Build Tool:** Vite
- **Styling:** Bootstrap 5.3, Tailwind CSS
- **Icons:** Bootstrap Icons, Lucide React
- **Routing:** React Router DOM

## 📥 Installation

1. Clone the repository:
   ```bash
   git clone https://github.com/Shahzishaheer/my-app.git

2. Navigate to the project directory:

   cd textuils

3. Install dependencies:

   npm install

💻 Getting Started

Run the development server:

npm run dev

Open http://localhost:5173 in your browser to view the app.

🏗️ Building for Production

To create an optimized production build:

npm run build

To preview the production build locally:

npm run preview

📂 Project Structure

src/
├── assets/          # Static assets like CSS and images
├── components/      # Reusable React components
│   ├── About.jsx    # About page component
│   ├── Alert.jsx    # Notification system
│   ├── Navbar.jsx   # Navigation and theme toggles
│   └── Textform.jsx # Core text manipulation logic
├── App.jsx          # Root component and routing
└── main.jsx         # Entry point

📜 License

This project is MIT licensed.

## 📂 Project Structure

```text
src/
├── assets/          # Static assets like CSS and images
├── components/      # Reusable React components
│   ├── About.jsx    # About page component
│   ├── Alert.jsx    # Notification system
│   ├── Navbar.jsx   # Navigation and theme toggles
│   └── Textform.jsx # Core text manipulation logic
├── App.jsx          # Root component and routing
└── main.jsx         # Entry point

📜 License

This project is MIT licensed.