Swiggy Practice Frontend 🍔

A Swiggy-like food ordering app clone built with React.js. This practice project covers essential frontend concepts and architecture.

---

🚀 Features

• 📋 Restaurant Listings – Browse restaurants, categories, and menus.
• 🛒 Cart Functionality – Add/remove items and view cart details.
• 📺 Restaurant Cards & Details – Beautiful UI components to showcase restaurant info.
• 📦 Reusable Components – Clean separation of concerns with reusable pieces.
• ⚡ Mock API / Data – Simulate fetching data with mock data structures.
• 🧩 Error Handling – Basic error pages and fallback UIs.
• 🎨 Responsive UI – TailwindCSS for styling (if applicable).

---

🔧 Tech Stack

• React.js – Frontend framework.
• TailwindCSS– Utility-first CSS.
• Git/GitHub – Version control.
• Mocks – Simulated data for API responses.

---

📂 Project Structure

Swiggy-Practice-Front/ ├── src/ │ ├── component/ │ │ ├── About.js │ │ ├── Body.js │ │ ├── Cart.js │ │ ├── Contact.js │ │ ├── Error.js │ │ ├── Footer.js │ │ ├── Grocery.js │ │ ├── Header.js │ │ ├── ItemList.js │ │ ├── RestaurantCategory.js │ │ ├── RestaurantMenu.js │ │ ├── RestaurantCard.js │ │ ├── Shimmer.js │ │ ├── User.js │ │ ├── UserClass.js │ │ ├── mocks/... │ │ ├── tests/... │ ├── config.js │ ├── sum.js │ ├── assets/ │ ├── utils/ ├── .gitignore ├── package.json ├── tailwind.config.js (if using Tailwind) └── README.md

🤝 Contributing Contributions are welcome! Steps: Fork the repo. Create a feature branch: git checkout -b feature/YourFeature. Commit changes: git commit -m 'Added feature'. Push: git push origin feature/YourFeature. Open a Pull Request.