React Mini Projects Collection

This repository contains a collection of small, practical React applications. Each project focuses on a single concept — state, props, events, forms, API fetching, routing, UI logic, and reusable components.

All projects are connected through React Router, making it easy to explore and test each feature.

---

🚀 Features

• Organized 45+ mini React apps

• Covers beginner → advanced concepts

• Includes State Management, Events, Hooks, Forms, Conditional Rendering, API Integration, etc.

• Built with:

  • React + Vite
  • React Router DOM
  • Tailwind CSS
  • API-based projects (GitHub, Weather, Country, Fake API, etc.)

---

📂 Project Structure

Each folder inside src/ represents one feature/app. Routing is managed inside App.jsx.

Examples included:

• Counter
• Dark/Light Mode
• Dropdown
• Show/Hide Password
• Color Changer
• Character Counter
• Modal Popup
• Percentage Calculator
• Tabs
• Email Format Checker
• Password Strength Checker
• Checkbox Handler
• Auto Capitalize
• Live Preview
• Random Password Generator
• Todo List
• Greeting App
• Profile Card
• Task Manager
• Age Calculator
• Student Gradebook
• Theme Switcher
• Star Rating
• Banking App
• Inventory System
• Counter App
• Custom Alert Box
• GitHub Profile Viewer
• Recipe Search App
• Weather App
• Country Info Finder
• News Fetcher
• Currency Converter
• Todo App using Fake API

…and many more.

---

🛠️ Installation & Setup

Clone the project:

git clone your-repo-link
cd your-project-folder

Install dependencies:

npm install

Run the project:

npm run dev

---

🌐 Routing (App.jsx)

All components are connected using:

<Routes>
  <Route path="/" element={<Linked />} />
  <Route path="counter" element={<Counter />} />
  <Route path="toggle" element={<Mode />} />
  {/* Add more components here */}
</Routes>

Every small project has its own clean route and UI.

---

📘 Purpose of This Repository

This project helps in:

✔ Improving logic building ✔ Strengthening React fundamentals ✔ Practicing small UI/UX components ✔ Preparing for interviews ✔ Creating a strong GitHub portfolio ✔ Understanding real-world React patterns

---

🤝 Contributions

You can extend this by adding more mini apps or improving existing ones.

---

📄 License

This project is licensed under the MIT License — feel free to use it.

---