https://github.com/sumansauravmay/kfc-clone

KFC is an American fast food restaurant chain and world 2nd largest restaurant chain.
https://github.com/sumansauravmay/kfc-clone

chakraui css html js react

Last synced: 7 months ago
JSON representation

KFC is an American fast food restaurant chain and world 2nd largest restaurant chain.

• Host: GitHub
• URL: https://github.com/sumansauravmay/kfc-clone
• Owner: sumansauravmay
• Created: 2022-11-08T11:00:39.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-07T19:21:57.000Z (over 2 years ago)
• Last Synced: 2025-01-22T18:51:15.194Z (9 months ago)
• Topics: chakraui, css, html, js, react
• Language: JavaScript
• Homepage: https://luxury-tiramisu-4fe1d9.netlify.app/
• Size: 2.2 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Project Title

KFC Remove Hunger.

![Logo](https://i.postimg.cc/xTnMDpYb/Suman.png)

 It is the restaurant app with all the major functionalities





🖥️ Tech Stack


Frontend:



  

  

  

  

  

  

  



Backend:




  



Deployed On:




  



Want to see live preview »


KFC is an American fast food restaurant chain headquartered in Louisville, Kentucky, that specializes in fried chicken. It is the world's second-largest restaurant chain after McDonald's




## 🚀 Features

-   whole website is fully Responsive.

-   Landing Page & Footer.

-   Login and Signup Page.

-   Product Filters Based on Brand and Discount

-   Product Details in brief manner.

-   Product Sorting Based on Price, Rating

-   Product Filtering and Sorting works together

-   Cart Add and Remove Items

-   Cart Update Quantities

-   Order Summary

## 🚀 Team Member:-

-   Suman Saurav [[LinkedIn Profile](https://www.linkedin.com/in/suman-saurav-06896b231/)] [[Github Profile](https://github.com/sumansauravmay/)]

## Screenshots

### Homepage -

This is the main landing page of our website. Here, if you clicked on any navigation then you will redirect to respective page. Also, we have added searching of product option with debouncing feature.

All pages are responsive.

![landing_page](https://i.postimg.cc/Wb2MBpPv/home1.jpg)

### Sign up Page -

On this page, you can register a user. If the user is already registered, you can simply sign in by providing valid details of the user. 

![signup](https://i.postimg.cc/PrxBtjmg/signup.jpg)

###  Sign in Page - 

On this page, you have to login with your registered email and password .you can simply sign in by providing valid details of the user. 

![Login](https://i.postimg.cc/1z5WK0JL/login.jpg)

### Products Page -

Here users can browse, `filter` the product based on `brand and discound`, `sort` by `price or rating`, filter and sort will work togather and add items to the cart by clicking on the `Add to Cart` button.

 

 ![product](https://i.postimg.cc/SKBgp0yp/product1.jpg)

### Cart Page -

Here all the products added to the cart will be shown. On this page, By Clicking on add to cart your cart added successfully.

![cart](https://i.postimg.cc/FzscMGJ4/cart.jpg)

### Footer Page -

On This Page there is info about the site....

![footer](https://i.postimg.cc/qvXJKr51/footer.jpg)

### Admin Login -

On This Page there is login page for admin....

![Admin Login](https://i.postimg.cc/mkJY7CtW/adminlogin.jpg)

### Admin Page -

On This Page there is info of admin and product...

![Admin Page](https://i.postimg.cc/XqkGxPNW/adminpage.jpg)

## Run Locally

Clone the project

```bash

  git clone https://github.com/sumansauravmay/KFC-clone.git

```

Go to the project directory

```bash

  cd kfctwo

```

Install dependencies for frontend as well as backend

```bash

  cd kfctwo

  npm install

```

```bash

  cd backend

  npm install

```

Start the localhost server

```bash

  cd frontend

  npm start

```

## Deployed link

### Netlify Link

[https://luxury-tiramisu-4fe1d9.netlify.app/](https://luxury-tiramisu-4fe1d9.netlify.app/)

## Show your support

Give a ⭐️ if you like this project!