KFC Clone

This project was bootstrapped with Create React App.

In the project directory, you can run:

Note: Make sure you start json-server on 8080 port with provided db.json file, then only you will be able to see data on this website.

Getting Started

1. Fork this repository https://github.com/ayaznoori/kfc_clone
2. Clone the Forked repository.
   • Note: This Clone repository should be on your github account.
3. navigate to the folder kfc_clone
4. npm install
5. npm start
6. To Visit App: http://localhost:3000/
7. Make sure your json-server is running on port 8080, db.json file is provided.
8. OTP for Sign in 1234

My teammates are:

1. Dev Ashish Saurabh
2. Mohammad Ayaz Noori
3. Shivam
4. Sirtaj Khan
5. Aditya Sharma

The Journey:

The Journey so far has been challenging and fun at the same time for my team this was our 3rd project and 1st project on React the deadline was just a week, it all felt like we were working on a real product, and also we tried to enact the overall activity as the real working climate where we used git commands to collaborate throughout the project. The planning, discussions, and other team-relevant activities were done via zoom meetings. Each of us handled different tasks to ensure the successful submission of the project.

Project Details:

KFC Corporation, based in Louisville, Kentucky, is one of the few brands in America that can boast a rich, decades-long history of success and innovation. We’re at over 24,000 KFC outlets and more than 145 countries and territories around the world. And you know what? There’s still a cook in a kitchen in every last one of them, freshly preparing delicious, complete family meals at affordable prices.

Built With

Glimpse and Screenshots of our cloned website:

Landing Page
Menu Page	Account Page	Help Page
Sign Up Page	Cart Page	Deal Page

Functionalities

• User can order food online.
• Auth Login through Mobile Number
• user able to Logout.
• OnClick any Category user to get related foods..
• On Add to Cart, users are able to see the cost of food on top in Navbar.
• user able to get multiple payment methods.

 <- - - - - - -  - - - - - - - - - - - - - -Links and Acclaim - - - - - - - - - - - - - - - - - - - - - ->

‣ WebPage deployed link:

• Github Repo LINK: https://github.com/ayaznoori/kfc_clone

• Netlify Link: https://kfc-clone-masai.netlify.app

• Blog Link: https://medium.com/@onlyvishwasindia/project-kfc-clone-3742f3aba968

• A video link for an explanation of a Small Part of the Website: https://drive.google.com/file/d/1-owvo1QOqZQSp1COftJHUj8CVPQIVIei/view?usp=sharing

‣ Acclaim for team members' Contributions:

⁍ Dev Ashish Saurabh:

• Linkedin: https://www.linkedin.com/in/dev-ashish-saurabh/

    1.Create a Full Landing Page With All functionality..
  
    2.Creation of Signup page, otp verification Page with login,logout Function which includes the hovering and routing.
  
    3.Update Deal Page ,Help Page and Account Page with full functional and openable on every screen.
  
    4.Provide Add To Cart UI Design, Checkout UI & Functionality and Payment page Redirect Functionality .
  
    4.Enabled functionalities with extensive use of React.
  
    5.Integrated all the pages with functionality to deliver a seamless experience to the user.
  
    6.Most Importantly assessment of team members' daily schedule tasks,
      daily morning scrum for dividing the task, taking daily assessment reports jointly contributing with team members and 
      arranging team meetings to rectify and fix the bugs.
  
    7.I've also managed the team and project as a Leader.
  
    My most satisfying contribution was building a transparent, inclusive, and very effective communication environment for my teammates.
  

⁍ Mohammad Ayaz Noori:

• Linkedin: https://www.linkedin.com/in/mohammad-ayaz-noori-860321230

    1. Create a Full Menu Page With All functionality..
  
    2. Create Signup/Login Page UI and Roting.
  
    3. Create Add To cart Funcionallity With Updatation of Navbar.
  
    4. Using Context Api For Menu And Price & Routing of all our Pages.
  
    5. Help of team on rectify and fix the bugs.
  
    6. I've also managed the team and project as a Co-Leader.
  

⁍ Shivam:

• Linkedin: https://www.linkedin.com/in/itsurshivam

    1. Create a Navbar & Footer With All functionality..
  
    2. Create Account Page,Help Page UI and Roting.
  
    3. Create Confirmation Page .
  
    4. Help of team on rectify and fix the bugs.
  

⁍ Sirtaj Khan:

• Linkedin: https://www.linkedin.com/in/sirtaj-khan-275135147

•   1. Create a UI Design of Deals Page..
  
    2. Create Cart Page Basic Ui And Add to cart Functionality.
  
    3. Create Remove cart functionality .
  
    4. Help of team on rectify and fix the bugs.
  

  ⁍ Aditya Sharma:

    1. Create a Data (db.json) for backend.
  

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• We take all the responsibility for every single line of code. The design inspires by https://online.kfc.co.in/.