Swiggy Clone

Overview

This repository contains the frontend application for a Swiggy clone, featuring a wide range of functionalities including advanced filtering, infinite scrolling, online/offline status indicators, an attractive and interactive user interface, and a CI/CD pipeline for continuous integration and deployment.

Tech Stack Used

• React.js
• Tailwind CSS
• Git, Github
• CI/CD pipeline
• JavaScript
• HTML
• CSS
• AWS S3
• AWS EC2

Live Link

NOTE - You need to install a CORS extension and enable it to preview this website ( this is becuase, it uses swiggy live API which gives CORS errors)

Extension link - https://chromewebstore.google.com/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf?hl=en

LIVE LINK - https://swiggyclone40.netlify.app/

Features

1. Advanced Filtering: Allows users to perform advanced filtering such as veg/non-veg, best seller, offers, etc., enhancing user experience.

2. Infinite Scrolling: Keeps users engaged by dynamically loading content as they scroll through the app.

3. Online/Offline Status: Indicates users' internet connectivity status, providing real-time feedback to enhance user experience.

4. CI/CD Pipeline: Enables continuous integration and continuous deployment processes, facilitating efficient development and deployment of new features.

5. Shimmer UI: Enhances user experience by displaying temporary loading placeholders that mimic the appearance of actual content, reducing perceived load times and keeping users engaged.

6. Attractive and Interactive UI: Engages users with visually appealing design and interactive elements.

7. Different Sections: Includes sections like top-rated restaurants, categorized restaurants, currently active offers, etc.

8. Restaurant Menus: Displays detailed restaurant menus including ratings, delivery time, offers, distance, location, and full menu items.

9. Search and Filtering in Menus: Users can search within specific restaurant menus and filter items by veg/non-veg and bestsellers.

10. Dish Ratings and Prices: Provides information on ratings and prices for dishes within restaurant menus.

Starting the Project

To start the project locally, follow these steps:

1. Clone the repository from GitHub:

   git clone https://github.com/Devilcoder2/SwiggyClone.git
   cd <repository-directory>

2. Install dependencies:

   npm install

3. Start the React Server using Vite:

   npm run start

Visit the Site

Explore the live deployment of the Swiggy Clone app here.