🍔 A simple online ordering website built with React.js, Redux, Hooks, and Material-UI.

• About
• Demo
• How it works
• Getting Started
• Authors

An online ordering website (Like Domino’s Pizza) with the functionalities including Login, Logout, Register, Select Items, Checkout, and Review orders.

• Demo Username: [email protected]
• Demo Passwords: 123456

• Built the website as a Single-Page Application utilizing React.js, Redux, Hooks, and as well as Material-UI for CSS.
• Used Redux as the state management tool maintaining persistent state to avoid long props chain.
• Built a Node.js based server interacting with the MongoDB for storing data of users and orders.
• Implemented RESTful API server for transferring data and establishing the communication between web services and clients through HTTP protocol.
• Implemented the JWT token-based Authentication to verify the user identity.
• Advanced querying of MongoDB to filter and sort data.
• Improved the API Security of the server by integrating security modules such as preventing NoSQL Injection, encryption of password, API rate limiting, and XSS protection.

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

What things you need to install the software and how to install them.

Node
React
MongoDB

Change the secret key of your own MongoDB At /server/config/config.env

MONGO_URI={YOUR_MONGODB_CONNECT_KEY}

At root folder

npm install
npm start

At /server folder

npm install
npm run dev

• @Shawn - Idea & Initial work