🚀Food Bazaar | Your Foody Hub

💖 Food Bazaar

Introducing Food Bazaar, a food ordering app powered by React.js that effortlessly links users with their favorite dishes. What sets it apart? Integration with the live Swiggy API and Swiggy Instamart API for groceries. With Redux handling state, React Router DOM ensuring easy navigation, and Tailwind CSS crafting a visually appealing interface, alongside Lazy Loading. Also, it utilizes Parcel for efficient bundling. Explore the features below.

---

🎯 Key Features

🌏 Real-time Swiggy API Integration: Food Bazaar provides users with up-to-the-minute information on menus, availability, and promotions, ensuring accurate and reliable details for informed dining choices.

🚀 Lazy Loading & Chunking: Food Bazaar implements lazy loading and chunking for optimization, reducing app loading time significantly.

⚡ Custom Hook: Food Bazaar utilizes custom hooks, enhancing code reusability and maintainability, allowing for a more efficient development process and a streamlined architecture.

🔐 State Management with Redux: Food Bazaar ensures a scalable and organized application state with Redux, streamlining data flow and providing a centralized management system for a seamless user experience.

🔍 Search Functionality: Easily find your desired restaurants or dishes with Food Bazaar's intuitive search feature.

🎯 Filtering Options: Tailor your browsing experience with filtering options, allowing you to discover restaurants based on specific categories or preferences.

📌 Seamless Navigation: With React Router DOM, the app provides a smooth and intuitive navigation experience, enabling users to effortlessly explore different sections, from discovering restaurants to tracking orders, without disruptions.

📜 Detailed Restaurant Information: Get comprehensive details about each restaurant, including menus, offers, and more, providing you with the information needed to make informed choices.

✨ Shimmer UI: Food Bazaar enhances user interface transitions with shimmer UI, providing a visually appealing loading effect during data retrieval, creating a polished and engaging experience for users while waiting for content to load.

🚧 Error 404 Page: In the event of a page not found or API failure, Food Bazaar gracefully presents a user-friendly Error 404 page, ensuring a smooth and informative experience for users.

📱 Completely Responsive: Enjoy a seamless experience across various devices as Food Bazaar ensures complete responsiveness, adapting to different screen sizes and resolutions.

---

🚀 Live Demo

• Click Below

---

🎯 Future or Upcoming Features

Multi-Language Functionality: 🌐 Food Bazaar plans to introduce multi-language functionality, providing users with the flexibility to navigate and use the app in their preferred language, enhancing accessibility for a diverse user base.

Dark Mode: 🌙 A sleek and energy-efficient Dark Mode is on the horizon for Food Bazaar, offering users an alternative visual experience that reduces eye strain during low-light conditions.

Location Setup: 📍 Enhancing user convenience, Food Bazaar aims to implement location setup features, allowing users to seamlessly set and customize their preferred locations for accurate and personalized service.

Enhancing Add to Cart Section: 🛒 The Add to Cart section is in line for improvements, ensuring a more intuitive and user-friendly experience when selecting and managing items for purchase.

Payment: 💳 Food Bazaar is gearing up to introduce a seamless payment experience, providing users with secure and efficient payment options for a hassle-free checkout process.

Login/Sign-in: 🔐 Food Bazaar is working on enhancing security and user experience with a dedicated login/sign-in feature, allowing users to create accounts and access personalized services.

---

🔧 Food Bazaar's Tech Stack:

• React: Powering the dynamic and interactive user interface.

• Parcel: Efficiently bundling and managing packages for streamlined development.

• Redux Toolkit: Managing application state for a scalable and organized architecture.

• Tailwind CSS: Crafting a visually appealing and responsive design.

• React Router: Enabling seamless navigation within the application.

---

⭐️ Show your support

"If you find value in this project, I would sincerely appreciate your support. Feel free to share it with others who may benefit from it. Your contribution is crucial for my growth and enhancement. 🚀, Please don't hesitate to star this GitHub repository!"

---

Food Bazaar is made with ❤️

workingggg