🍽️ YumiFood

YumiFood is a React-based food ordering web application inspired by platforms like Swiggy and Zomato. Users can browse food items, add them to a cart, and view an order summary — all with a clean, responsive UI.

---

🚀 Features

• 🏠 Multi-page application using React Router

  • Home
  • Our Food (Dishes)
  • Cart
  • About Us
  • Sign In

• 🛒 Add to Cart functionality

  • Add items from Food Slider and Dishes page
  • Cart count updates in the Header
  • Cart page shows selected items and total price

• 🎠 Food Slider

  • Built with react-slick
  • Responsive for most of devices

• 📱 Responsive Design

  • Tailwind CSS
  • Mobile sidebar navigation

• ✅ Checkout popup confirmation

---

🛠️ Tech Stack

• React
• React Router DOM
• Tailwind CSS
• React Slick
• React Icons

---

📂 Project Structure

src/
│── Components/
│   ├── Header.jsx
│   ├── Footer.jsx
│   ├── Home.jsx
│   ├── Dishes.jsx
│   ├── FoodSlider.jsx
│   ├── Cart.jsx
│   ├── AboutUs.jsx
│   └── Signin.jsx
│
│── foodData.js
│── foodItems.js
│── App.jsx
│── index.js

---

▶️ Getting Started

1. Clone the repository

   github.com/PrathameshRSH26/Food_Web.git)

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

---

🔮 Future Improvements

• Filtering mechanism
• Backend integration
• Database integration

---