Swiggy App (Frontend) 🍽️

Welcome to the Swiggy App (Frontend)! This project is a food ordering platform that leverages the live Swiggy API to simulate backend data fetching and ensure seamless user interactions.

🌟 Key Features and Highlights

1. Live Data Integration:
   Integrated live data from Swiggy.com, ensuring that users receive real-time information and an up-to-date experience.

2. Modular Architecture:
   Designed with reusable components such as Header, Footer, RestaurantCard, and more, ensuring a clean and maintainable codebase.

3. Seamless Navigation:
   Implemented dynamic routing using React Router, providing smooth transitions across various pages like About, Contact, and Restaurant Menu.

4. State Management Mastery:
   Efficiently managed global and local states using Context API and Redux Toolkit, ensuring a robust and responsive user experience.

5. Custom Hooks for Enhanced Functionality:
   Developed custom hooks, including useOnlineStatus and useRestaurantMenu, to streamline logic and enhance performance.

6. Lazy Loading for Efficiency:
   Utilized lazy loading to improve performance by loading components and data only when needed.

7. State Lifting:
   Employed state lifting techniques to share state between components and improve data flow.

8. Responsive and Adaptive Design:
   Leveraged Tailwind CSS to ensure the site is fully responsive, delivering a consistent experience across all devices.

9. Mock Data for Realistic Testing:
   Integrated mock data to simulate real-world scenarios, ensuring thorough testing and validation before deployment.

📂 Project Breakdown

1. Components:
   Built a variety of components like About, Body, Cart, Contact, Footer, Header, ItemList, RestaurantCategory, and more, each serving a unique purpose.

2. Utilities and Custom Hooks:
   Organized utility functions and custom hooks for cleaner and more efficient code.

3. Assets Management:
   Handled images and other static assets efficiently to enhance performance.

🛠 Technologies and Tools Used

• React: For building the dynamic user interface.
• Tailwind CSS: For crafting a responsive and modern design.
• Redux Toolkit: For efficient state management and data flow.
• Context API: For managing global state.
• React Router: For client-side routing and navigation.
• Git and GitHub: For version control and collaboration.

---

Thank you for checking out the Swiggy App (Frontend)! If you have any questions or suggestions, feel free to reach out.