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!
- 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.
To get started with the Swiggy Clone project, follow these simple steps:
- Clone this repository to your local machine.
- Install the necessary dependencies using
npm install
. - Start the development server by running
npm run dev
. - Open your web browser and navigate to
http://localhost:5173
to explore the Swiggy Clone. - Please install CORS extension in your browser because data is coming from live Swiggy website so there might be problems.
Using the Swiggy Clone is a delightful experience:
- Browse through the list of restaurants available on the homepage.
- Click on a restaurant to view its menu and explore delicious food options.
- Add items to your cart, proceed to checkout, and enjoy doorstep delivery of your favorite meals!
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.
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! 🍽️🚀