✨ TextUtils – React Text Utility App

TextUtils is a simple and interactive React application that helps users perform common text operations such as converting text case, counting words and characters, and clearing text. It is built as a learning project to understand React basics, components, props, state, and conditional rendering.

---

🌟 Features

• 🔤 Convert text to Uppercase / Lowercase
• 🧮 Word and character count
• ⏱️ Estimated reading time
• 🧹 Clear text instantly
• 🚨 Alert notifications for actions
• 🌗 Light / Dark mode toggle
• 📱 Responsive UI

---

🛠️ Tech Stack

• React.js
• JavaScript (ES6)
• CSS
• Create React App

---

🌐 Live Demo

👉 Live App: (https://mariamsawera.github.io/textutils-reactt/)

Deployed using GitHub Pages

---

📸 Screenshot

TextUtils Home Page Preview

---

📂 Project Structure

mariamsawera-textutils-reactt/
├── public/
│   └── index.html
├── src/
│   ├── App.js
│   ├── TextForm.js
│   ├── components/
│   │   ├── Navbar.js
│   │   ├── Alert.js
│   │   └── About.js
│   ├── index.js
│   └── App.css
├── package.json
└── README.md

---

🚀 How to Run Locally

1. Clone the repository:

git clone https://github.com/MariamSawera/mariamsawera-textutils-reactt.git
npm install
npm start

---

🎯 Learning Outcomes

• Understanding React components & props
• State management using useState
• Conditional rendering
• Component-based UI design

---

👩‍💻 Author

Mariam Sawera

• GitHub: https://github.com/MariamSawera