---

🍽️ Khana - The Foodies World

A Fully Responsive React Frontend for Modern Foodies

---

Welcome to Khana, a sleek, responsive, and interactive React-based frontend crafted with passion for food lovers. This project brings life to a vibrant UI/UX design of a food-centric platform—ideal for exploring cuisines, restaurants, menus, and more.

---

🔧 Tech Stack

Built with modern technologies to ensure performance and scalability.

• ⚛️ React.js
• 🖥️ HTML5 & CSS3
• ✨ JavaScript (ES6+)
• 📱 Responsive Design Principles
• 🔀 React Router
• 🌀 Framer Motion – for seamless component animations
• 🎬 GSAP (GreenSock Animation Platform) – for timeline-based and advanced animations
• 🎉 AOS (Animate On Scroll) – for scroll-triggered animation effects
• 🔔 SweetAlert2 – for animated and customizable alerts/modals
• ⏳ react-loader-spinner – for stylish loading animations
• 📏 react-clamp-lines – for dynamic multiline text clamping with ellipsis

---

✨ Features

Clean, animated, and responsive interface for an engaging user experience.

• ✅ Fully responsive layout – works on mobile, tablet, and desktop

• 🧩 Modular, component-based architecture

• 🎨 Clean and modern user interface design

• 🎞️ Smooth animations and transitions

  • Framer Motion for UI component entrances/exits
  • GSAP for interactive effects and scroll triggers
  • AOS for subtle scroll-based animations
  • SweetAlert2 for interactive feedback alerts
  • react-loader-spinner for async content loading
  • react-clamp-lines for content truncation with animation

• 🚀 Scalable structure for future backend/API integration

---

🚧 Note

This project is frontend-only. No backend functionality or API integration is included.

---

📂 Folder Structure

khana-the-foodies-world/
├── components/     # Reusable UI components
├── pages/          # Route-based page components
├── images/         # Static assets (images/icons)
├── styles/         # CSS/SCSS stylesheets