Skip to content

Abhi-prasad7042/FoodOrdering

Repository files navigation

Swiggy Clone with React and Tailwind CSS 🍔🛒

Welcome to the Swiggy Clone project! This amazing project replicates the functionality of the popular Swiggy food delivery platform using React and Tailwind CSS. Explore restaurants, check out their menus, and soon, you'll be able to order food right from the comfort of your home!

Features

  • Restaurant Listings: Browse through a curated list of restaurants available on Swiggy.
  • Menu Exploration: View detailed menus for each restaurant, including categories, items, and prices.
  • Live API Fetching: Dynamically fetch restaurant and menu data from the live Swiggy API for an up-to-date experience.
  • React Hooks and States: Utilize React's powerful hooks and state management features to build a responsive and interactive user interface.
  • Custom Hooks: Implement custom hooks for efficient data fetching, state management, and reusable logic.
  • Routing with React Router: Navigate seamlessly between different pages and components using React Router.
  • Tailwind CSS Styling: Create beautiful, responsive UI components with ease using Tailwind CSS.
  • Redux: Used redux for cart functionality everything related to cart whether additem or removeitem all things has been done by the redux.

Installation

To get started with the Swiggy Clone project, follow these simple steps:

  1. Clone this repository to your local machine.
  2. Install the necessary dependencies using npm install.
  3. Start the development server by running npm run dev.
  4. Open your web browser and navigate to http://localhost:5173 to explore the Swiggy Clone.
  5. Please install CORS extension in your browser because data is coming from live Swiggy website so there might be problems.

Usage

Using the Swiggy Clone is a delightful experience:

  1. Browse through the list of restaurants available on the homepage.
  2. Click on a restaurant to view its menu and explore delicious food options.
  3. Add items to your cart, proceed to checkout, and enjoy doorstep delivery of your favorite meals!

Contributing

We welcome contributions from the community to make the Swiggy Clone even better! Whether it's fixing bugs, adding new features, optimizing performance, or enhancing styling with Tailwind CSS, your contributions are highly appreciated.

License

This project is licensed under the MIT License, granting you the freedom to use, modify, and distribute the code for personal and commercial purposes.


Happy coding and bon appétit! 🍽️🚀

React + Vite

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published