Coder Social home page Coder Social logo

vkoder / foodbazaar- Goto Github PK

View Code? Open in Web Editor NEW
10.0 1.0 3.0 4.89 MB

๐Ÿš€ Thrilled to announce the successful wrap-up of Food Bazaar, a web app designed for convenient food and grocery delivery! ๐Ÿ•๐Ÿ›’ This exciting project integrates seamlessly with live Swiggy and Instamart APIs, ensuring real-time updates and a comprehensive selection.

Home Page: https://food-bazaar-ten.vercel.app

HTML 0.45% JavaScript 97.19% CSS 2.36%
frontend frontend-developer javascript namaste-react react react-developer reactjs tailwind foodbazaar

foodbazaar-'s Introduction

๐Ÿš€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

foodbazaar-'s People

Contributors

thekiranmahajan avatar vkoder avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.