Self Ordering Kiosk

Description

This is a FullStack MERN Web Application which demonstrates the use of a self ordering kiosk which can be used outside fastfood restaurants like McDonalds. This application makes it easy for customers to -

• Browse through the menu
• Select their order items
• Review their order
• Proceed to payment
• Check order status

This application also provides an Admin Dashboard for the restaurant workers to confirm or cancel orders which is then reflected in the order queue screen for the customers to see.

---

Technologies Used

1. Material UI
2. CSS
3. ReactJS
4. Context API and Hooks
5. Axios
6. Express
7. Custom REST APIS
8. MongoDB + Mongoose
9. Heroku Web Hosting

---

Application Features

1) Client Features

• Choose Order Type
• Filter Items based on Category
• Select Quantity
• Add to Order
• Remove from Order
• Dynamic calculation of Tax and Bill Total
• Edit Order
• Choose Payment Type
• Check Order Status

2) Admin Features

• Check List of Orders
• Check Order Details
• Change Order Status

---

Purpose

This project was created to showcase my skills in the MERN stack.