Foodly

Foodly is a sleek, responsive React.js frontend app for food delivery.
Browse restaurants, explore menus, add items to cart, and place simulated orders — all powered by mock APIs.
Designed for smooth performance, great UX, and modern style.

---

🚀 Features

• 🔍 Search restaurants and dishes
• 🏪 Browse popular restaurants with ratings & delivery info
• 📋 View detailed menus with dish descriptions and prices
• 🛒 Add to cart with quantity controls
• 💰 View price summary (subtotal, delivery fee, total)
• 🚀 Simulate placing orders
• 📱 Fully responsive design for mobile, tablet & desktop
• 🔄 Cart data persisted in LocalStorage
• ❤️ Favorites persisted for quick access

---

🛠️ Tech Stack

• ⚛️ React.js (Functional Components + Hooks)
• 🎨 Tailwind CSS / shadcn/ui
• 🎞️ Framer Motion for smooth animations and transitions
• 🔄 React Router for navigation
• ⚙️ Axios or Fetch API for API calls
• 🧠 React Context API or Redux Toolkit for state management
• 💾 LocalStorage for cart persistence
• 🎨 React Icons and Lucide Icons for UI elements

---

📦 API & Data

• 📁 Uses Mock APIs (via JSON Server or MockAPI.io)
• 🍽️ Dynamic restaurant & menu data fetching
• 🧪 Simulated order process

---

⚙️ Installation

1. Clone the repository:

   git clone https://github.com/manukumar7/foodly-frontend.git

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

📸 UI Preview

---

📩 Contributing

🙌 Contributions are welcome! Feel free to fork the repo and submit a pull request.

💙 Built with ❤️ by Manu Kumar Pal