ThemeToggle 🌗

A simple and beginner-friendly React + Vite project that implements a Light / Dark Theme Toggle feature.

---

📌 About the Project

ThemeToggle demonstrates how to switch between light and dark themes in a React application. It helps beginners understand state management, event handling, and basic UI theming.

---

✨ Features

• 🌞 Light Mode & 🌙 Dark Mode
• 🔄 Toggle theme with a button
• ⚡ Built using React + Vite
• 🧠 Simple and clean logic (beginner friendly)

---

🛠 Tech Stack

• React
• Vite
• JavaScript
• CSS

---

📂 Project Structure

ThemeToggle/
├── public/
├── src/
│   ├── App.jsx
│   ├── main.jsx
│   ├── index.css
│   └── components/
├── package.json
├── vite.config.js
└── README.md

---

🚀 Getting Started

1️⃣ Clone the Repository

git clone https://github.com/HarshaSai1234/ThemeToggle.git

2️⃣ Navigate to Project Folder

cd ThemeToggle

3️⃣ Install Dependencies

npm install

4️⃣ Run the Project

npm run dev

Open the browser and visit:

http://localhost:5173

---

🎯 How It Works

• A button toggles the theme state
• CSS classes change based on theme
• UI updates instantly on toggle

---

📸 Output

• Light Theme Interface
• Dark Theme Interface
• Smooth theme switching

---

🤝 Contributing

Contributions are welcome! Feel free to fork this repo and submit pull requests.

---

📜 License

This project is licensed under the MIT License.

---

👤 Author

Harsha Sai GitHub: https://github.com/HarshaSai1234

---

⭐ If you like this project, don’t forget to star the repository!