⚛️ React Props Reusability – Recipe Menu Cards (Mini Project 3)

This project is part of my React learning journey where I explored how to make components reusable using Props.
I built a Recipe Menu Card system where a single RecipeCard component is reused to display multiple recipes with different details.

---

🚀 Features

• Reusable RecipeCard component
• Props used to pass:
  • Recipe Name
  • Prep Time & Cook Time
  • Serving Size
  • Difficulty Level
  • Type (Breakfast, Beverage, Dessert, etc.)
  • Chef Name / Tagline
• Modern card design with CSS
• Responsive layout with Flexbox/Grid

---

🖼️ Output Screenshots

Screenshot 1

Screenshot 2

Screenshot 3

---

📂 Project Setup

1. Clone the repository

   git clone https://github.com/tgmonisha/react_propsReusability.git
   cd react_propsReusability

2. Install dependencies:

   npm install

3. Run the project:

   npm run dev

🛠️ Tech Stack

• ⚛️ React (Vite)
• 📜 JavaScript
• 🎨 CSS3 (Flexbox / Grid for layout)

✨ Built with ❤️ while learning React