https://github.com/gauravooo2/swiggy-clone

Swiggy Clone using Realtime API's and rendering Realtime restraints and there menu's.
https://github.com/gauravooo2/swiggy-clone

api front-end-development frontend-web reactjs swiggy-api swiggyclone tailwindcss web-development

Last synced: 8 days ago
JSON representation

Swiggy Clone using Realtime API's and rendering Realtime restraints and there menu's.

• Host: GitHub
• URL: https://github.com/gauravooo2/swiggy-clone
• Owner: GauravOOO2
• Created: 2024-02-26T09:56:24.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-05-01T16:24:08.000Z (7 months ago)
• Last Synced: 2024-05-02T10:29:16.977Z (7 months ago)
• Topics: api, front-end-development, frontend-web, reactjs, swiggy-api, swiggyclone, tailwindcss, web-development
• Language: JavaScript
• Homepage: http://13.60.18.197:3000/
• Size: 1.06 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Project Title

Creating Mirror Swiggy application incorporating live APIs and Realtime technologies, with the aim of gaining practical experience and deepening understanding of development concepts. Key features include:

## Tech Stacks used

- Javascript

- React

- Redux

- Tailwind

## Features

- API's

- Lazy Loading

- Custom Hooks

- Higher-Order Components

- Single Responsibility Principle

## 🔗API Links

!!! Ensure that you utilize a CORS-bypassing extension when accessing these APIs.

 - [Swiggy Hotels List API](https://www.swiggy.com/dapi/restaurants/list/v5?lat=12.96340&lng=77.58550&is-seo-homepage-enabled=true&page_type=DESKTOP_WEB_LISTING)

 - [Swiggy Menu List API](https://www.swiggy.com/dapi/menu/pl?page-type=REGULAR_MENU&complete-menu=true&lat=12.96340&lng=77.58550&restaurantId=484182&catalog_qa=undefined&isMenuUx4=true&submitAction=ENTER)

## 🔥 Clone this Repository

You need to write the following commands on the terminal screen(in vscode) so that you can run this project locally.

```bash

  git clone "https://github.com/GauravOOO2/Swiggy-Clone.git"

```

Go to the project directory

```bash

  cd Swiggy-Clone

```

Install React dependencies

```bash

  npm install

```

Run the React app following this commands

```bash

  npm start

```

## Screenshots

Cards List of restaurants

![Cards List of restaurants](https://gauravooo2.github.io/Gaurav_portfolio/Project_images/SwiggyHome.png)

Lazy Loading 

![Lazy Loading](https://gauravooo2.github.io/Gaurav_portfolio/assets/img/swiggy_prog2.png)

Menu Details 

![Menu Details](https://gauravooo2.github.io/Gaurav_portfolio/Project_images/SwiggyMenu.png)

Cart Details

![Cart Details](https://gauravooo2.github.io/Gaurav_portfolio/Project_images/SwiggyCart.png)