rahulb18 / kfc-clone

Clone of KFC website, KFC (Kentucky Fried Chicken) is an American fast food restaurant chain headquartered in Louisville, Kentucky, that specialises in fried chicken. The tech stack used are React and Chakra UI.

KFC (Kentucky Fried Chicken) Clone [Eat-More]

• Click Here to view the deployed website.

This was a collaborative construct week project at Masai School. Goal behind the project was to create a full stack clone of the KFC website as close as possible to the original one with all the major functionalities of this website, such as Authentication, Landing Page & Food Gallery, Menu, User Cart, Checkout, Payment Gateway. This project was built by a team of 4 developers in 5 Days.

Team

---

• Hemant Aher (Team Lead)
• Jyotiranjan Mohanty (Team Member)
• Md Monish (Team Member)
• Rahul Badade (Team Member)

Information about KFC

KFC (Kentucky Fried Chicken) 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. KFC was founded by Colonel Harland Sanders, an entrepreneur who began selling fried chicken from his roadside restaurant in Corbin, Kentucky. By branding himself as "Colonel Sanders", Harland became a prominent figure of American cultural history and his image remains widely used in KFC advertising to this day. KFC was one of the first American fast-food chains to expand internationally, opening outlets in Canada, the United Kingdom, Mexico and Jamaica by the mid-1960s.

References

---

• Images: kfc.com
• Content & Data: kfc.com
• Icons: React Icons
• References: MDN Docs | Express JS | Mongo DB

Tech Stack

• Frontend

  • HTML 5
  • CSS 3
  • JavaScript
  • React JS
  • Chakra UI
  • Redux JS

• Backend

  • Node JS
  • Express JS

• Database

  • MongoDB

• Other Tools and Libraries

  • NPM
  • Firebase
  • React Icons
  • React Slick
  • Git

Features

---

• Authentication
  • Mobile number authentication using firebase authentication
  • User authentication using express JS and mongo DB
• Landing Page & Food Gallery
• Menu
• User Cart
• Checkout
• Payment

Glimps of project

---

• Homepage

• User signup

• User sign in

• Menu page

• Cart Page

• Checkout Page

kfc-clone's Issues

Add more components to the Home Page

Make the Find KFC Store Page Responsive and ensure that every functionality is functional.

Final review of the newly added features

Final testing of any new features, confirming their usability, and making any required tweaks.

Bugs in the homepage and footer should not be fixed.

Make a new page called About all that contains the KFC store's footer and information.

Create a button that will automatically detect the location of user

Make a button that will recognise the user's position and display a map of it automatically.

Make all buttons functional

Make each button usable and add the appropriate link to each button.

Create the search bar for find KFC store

Create a search engine to locate KFC restaurants with working GPS coordinates and a map showing their locations.

Create new pages

Create a KFC store locator page that displays all of the stores in that certain area. Execute the layout.

Add Set Location Feature

Create a component that will display the summited location while highlighting the city at the top of the navbar.

Make All Pages Responsive

Make the "About" page responsive and make sure the CSS is working.