Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/basir/self-order-kiosk-final
https://github.com/basir/self-order-kiosk-final
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/basir/self-order-kiosk-final
- Owner: basir
- Created: 2020-12-09T12:02:03.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-08-26T16:16:20.000Z (over 2 years ago)
- Last Synced: 2024-11-02T06:43:42.013Z (3 months ago)
- Language: JavaScript
- Size: 599 KB
- Stars: 21
- Watchers: 6
- Forks: 25
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Food Self-Order Kiosk
Welcome to my coding course to build a Self-Order Kiosk like Macdonalds. In this course, you will learn the essential tools and skills to a web application for Self-Order Kiosk using React, Context API, and Material UI in the frontend and Node and MongoDB in the backend.My name is Basir and I'll be your instructor in this course.
By the end of this course, you will be able to build a professional and fully-functional web application to launch on a self-order kiosk in a restaurant.
In this path, you will learn the modern React concepts and libraries:
- Material UI to build professional looking web applications
- Themes, Animations, Modals, Boxes, Forms and etc
- React Hooks like useState and useReducer to manage state in single components
- Context API to handle complex states between multiple components
- Node and Express to build a simple simple and elegant backend
- MongoDB and Mongoose to manage orders in the backend
- Heroku to deploy your web application on cloud serversThis course is for non-coders or juniors who want to be a pro developer and find a job in 22 million job opportunities around the world.
Knowing React basics like component, state and props are the only requirements for this course.
Feel free to take a look at the course preview and enroll if it is along with your ambitions.
# Lessons
1. Introduction
2. Prepare coding environment
3. Create react app
4. Create home screen
5. Create choose order type screen