WordWizard 🧙‍♂️

A powerful text manipulation tool built with React and Vite for the modern web.

Live Demo • Report Bug • Request Feature

---

📋 Table of Contents

• WordWizard 🧙‍♂️
  • 📋 Table of Contents
  • 🎯 About
  • ⭐ Key Features
  • 🛠️ Tech Stack
  • 🚀 Getting Started
    • Prerequisites
    • Installation Steps
    • Available Scripts
  • 📂 Project Structure
  • 🤝 Contributing
  • 👥 Contributors
  • ⚖️ License
  • 📞 Contact
    • Project Lead
    • Project Links

---

🎯 About

WordWizard is a modern, feature-rich text manipulation tool that empowers users to efficiently analyze and transform text content. Built with performance and user experience in mind, it provides a comprehensive suite of text processing features with an intuitive interface.

Why WordWizard?	Description
🚀 Lightning Fast	Built with React + Vite for optimal performance.
🎨 Customizable	Multiple themes and appearance options.
📱 Responsive	Works seamlessly across all devices.
🔐 Privacy-Focused	All text processing happens locally in your browser.

---

⭐ Key Features

Category	Feature
✍️ Text Manipulation	• Case conversion (UPPERCASE, lowercase) • Smart space management • Real-time text analysis • One-click copy to clipboard
📊 Analysis Tools	• Detailed word & character counts • Character frequency analysis • Reading time estimation • Text complexity metrics
🎨 User Experience	• Dark/Light mode with multiple themes • Instant results with no page reloads • Auto-save functionality • Smooth transitions

---

🛠️ Tech Stack

Category	Technologies
Core	React 18, Vite, Tailwind CSS
UI Components	Bootstrap 5, CSS Modules
State Management	React Context API
Dev Tools	ESLint, Prettier, Husky, lint-staged
Testing	Jest, React Testing Library

---

🚀 Getting Started

Prerequisites

• Node.js: v16 or higher
• npm: v7 or higher

Installation Steps

1. Clone the repository:

   git clone https://github.com/palchhinparihar/WordWizard.git
   cd WordWizard

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

Available Scripts

• npm run dev: Start development server.
• npm run build: Create a production build.
• npm run test: Run the test suite.
• npm run lint: Lint the codebase.

---

📂 Project Structure

wordwizard/
├── public/                # Static assets
├── src/
│   ├── assets/           # Images, fonts, etc.
│   ├── components/       # React components
│   │   ├── About.jsx
│   │   ├── Alert.jsx
│   │   ├── DialogBox.jsx
│   │   ├── Footer.jsx
│   │   ├── Navbar.jsx
│   │   ├── TextForm.jsx
│   │   ├── Toolbar.jsx
│   │   └── Welcome.jsx
│   ├── data/            # Static data
│   │   ├── accordionItems.js
│   │   └── textUtils.js
│   ├── i18n/            # Internationalization
│   │   ├── en.json
│   │   ├── hi.json
│   │   └── index.jsx
│   ├── App.jsx          # Main App component
│   ├── main.jsx         # Entry point
│   └── utils.js         # Utility functions
├── .env                 # Environment variables
├── index.html          # HTML entry point
├── package.json        # Dependencies and scripts
└── vite.config.js      # Vite configuration

---

🤝 Contributing

We welcome contributions! Please see our Contributing Guide for more details on how to get started.

🎉 Hacktoberfest 2025: We are excited to participate in Hacktoberfest! Look for issues tagged with hacktoberfest, good-first-issue, or help-wanted.

---

👥 Contributors

Thanks to these wonderful people who have contributed to WordWizard:

---

⚖️ License

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

---

📞 Contact

Project Lead

Palchhin Parihar

Project Links

• GitHub Repository
• Report Issues
• Live Demo

---

Made with ❤️ by the WordWizard Team