An open API service indexing awesome lists of open source software.

https://github.com/paul-thommithazhe/swiggy-clone

swiggy clone application using react.js
https://github.com/paul-thommithazhe/swiggy-clone

hooks javascript jest jest-tests jsx npm-package provider react redux redux-toolkit rest-api rtk state-management test use-effect use-state

Last synced: 2 months ago
JSON representation

swiggy clone application using react.js

Awesome Lists containing this project

README

          

# ๐Ÿฝ๏ธ React Ignition โ€“ Swiggy Clone

A simple food delivery frontend inspired by Swiggy, built using **React.js**. This app fetches real-time restaurant data using Swiggyโ€™s public API and supports filtering by search and top-rated restaurants.

![Swiggy Clone Screenshot](assets/swiggy-project.png)

---

## ๐Ÿš€ Features

- ๐Ÿ“ก **Live data fetching** from Swiggy API (location-based)
- ๐Ÿ” **Search functionality** to filter restaurants by name
- โญ **Top Rated filter** โ€“ show only restaurants with 4.4+ stars
- โšก **Shimmer UI** for loading effect
- ๐ŸŽฏ **Responsive layout** using Tailwind CSS
- ๐Ÿง  **Custom hook (`useHomeData`)** for data handling

---

## ๐Ÿ› ๏ธ Built With

- **React.js**
- **Tailwind CSS**
- **React Router DOM**
- **Public Swiggy API Endpoint**

---

## ๐Ÿงช How to Run Locally

```bash
git clone https://github.com/your-username/react-ignition.git
cd react-ignition
npm install
npm start