TextTweak

TextTweak is a responsive and interactive React application that allows users to perform a variety of text transformations including converting to uppercase, lowercase, removing extra spaces, and more. It also includes a dark mode toggle for better user experience.

🔗 Live Demo

Check out the live version : TextTweak on GitHub Pages

---

Features

• Convert text to Upper Case
• Convert text to Lower Case
• Text-to-speech support
• Stop text-to-speech
• Remove extra spaces
• Word and character count
• Dark/Light Mode toggle
• Responsive design using Bootstrap

---

Screenshots

Light Mode	Dark Mode
![Light](	![Dark](

---

Technologies Used

• React JS
• JavaScript
• Bootstrap 5
• HTML5 & CSS3

---

Prerequisites

Before you begin, make sure you have:

• Node.js (v14 or higher)
• npm (comes with Node.js)
• A code editor like VS Code
• Git installed

Getting Started

1. Clone the Repository

git clone https://github.com/05-Jagritii/TextTweak.git
cd TextTweak

2. Install all required packages using npm:

npm install

3. Start the Application

npm start

Visit http://localhost:3000 in your browser.

Project Structure

TextTweak/
├── public/
│   └── index.html
├── src/
│   ├── components/
│   │   ├── Alert.js
│   │   ├── Navbar.js
│   │   └── TextForms.js
│   ├── App.js
│   ├── App.css
│   ├── index.js
│   └── ...

Author

Jagriti Kanwar
Mail:kanwarjagriti21@gmail.com
LinkedIn: Jagriti Kanwar