/KFC-clone

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

Primary LanguageJavaScript

Project Title

KFC Remove Hunger.

Logo

It is the restaurant app with all the major functionalities


🖥️ Tech Stack

Frontend:

reactjs redux chakra-ui javascript restAPI css3 html5

Backend:

cyclic

Deployed On:

netlify

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:-

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

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

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

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

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

Footer Page -

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

footer

Admin Login -

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

Admin Login

Admin Page -

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

Admin Page

Run Locally

Clone the project

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

Go to the project directory

  cd kfctwo

Install dependencies for frontend as well as backend

  cd kfctwo
  npm install
  cd backend
  npm install

Start the localhost server

  cd frontend
  npm start

Deployed link

Netlify Link

https://luxury-tiramisu-4fe1d9.netlify.app/

Show your support

Give a ⭐️ if you like this project!