KFC

KFC is an online or offline fast-food provider. This is an **individual** project carried out in 5 days, A Full stack project using **Nextjs** with both the client and admin side.

Live Demo

https://akfc-aakashindoriya.vercel.app/

TechStack

• next-js
• Chakra-ui
• framer-motion
• MongoDB
• mongoose
• web-socket
• JSON-web-token
• argon2
• react-beautiful-dnd
• js-cookie
• react-redux
• redux-thunk

Landing Page

On landing page categories are there of food kfc offers

Menu page

by clicking on the menu button or any product category user will land https://akfc-aakashindoriya.vercel.app/home/menu/[id] menu page will scroll automatically to the user-selected category also there is a search box availabe to seach a perticular item form menu .

---

screen-capture.1.webm

Add product to Cart

To add a product to the cart user need to login in to system. By clicking on account on navbar user will redirect to login/# page. here are some screenshot how Login/# form Look like

adding-product-to-cart.webm

Place Order

To place a order user need to go to cart page there will be a bill genrated at right side ,by clicking or order button a popup form open asking for the address .fill the form and hit place order button.

order.webm

Admin panel

To visite admin panel edit url and add /home/admin for verification you need to put

email :-**aakashindoriya1234@gmail.com **

password:-aakashbitu

(note) websocket project deployment on vercel is not free so in deployed link websocket will not work

admin.websocket.webm