Dramatic Road 5348
Replica of KFC website which is a American fast-food restaurant chain, that specializes in fried chicken. We are team of 4, built a full-stack ( i.e Frontend + Backend ) web application
Overview
The Construct week project on the NEM-111 batch is a clone of the popular KFC (Kentucky Fried Chicken) website called KGF Restaurant (King of Good Food). The objective of the project is to provide a seamless experience and fast end-to-end flow for both users and admins. The project covers various aspects such as the homepage, payment gateway, backend and authentication system, admin panel, product page, cart, and search functionalities. The tech stack used for this project includes HTML 5, CSS 3, JavaScript, React JS, Redux JS, Node JS, Express JS, and MongoDB.
Features
- Clone of the KFC website with a similar food restaurant theme
- Seamless user experience with fast end-to-end flow
- Homepage with relevant content and data
- Payment gateway for smooth transactions
- Backend and authentication system for secure access
- Admin panel for managing the website
- Product page displaying available items
- Cart functionality for easy ordering
- Search functionality to find specific items
Summary
The NEM-111 batch's Construct week project is a clone of the KFC website called KGF Restaurant. It aims to provide a seamless experience and fast end-to-end flow for users and admins. The project includes various features such as a homepage, payment gateway, backend and authentication system, admin panel, product page, cart, and search functionalities. The tech stack used for this project includes HTML, CSS, JavaScript, React, Redux, Node.js, Express.js, and MongoDB. Overall, the project aims to recreate the popular KFC website with a similar food restaurant theme.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Chakra UI
Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.
- Redux
Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.