shn2016/pizza-ordering-system

Pizza Ordering System

Pizza Ordering is a frontend practing project.

Introduction

There are four parts:

• Landing page for demonstration.
• Pizza creator implemented by 3 ways:
  • Imperative Programming: github
  • Declarative Programming(React like): github
  • React: github , demo
• Pizza admin system(pizza-admin-system/): github , demo
• rest API: to support the backend API. github , demo

Click these websites to go to the live demo of pizza creator project. They are all deployed on github pages and 'heroku'.

Notice: as I used free plan, the link may take a short time to load as they are cold loading ( sleep )

Technology

• HTML, CSS, JavaScript ES6
• Webpack, Babel, NPM
• React / React JSX / React Router
• Material UI, Styled Component
• Loopback 4 / NodeJS / TypeScript / Restful API

How to Run

• Git Clone

git clone git@github.com:shn2016/pizza-ordering-system.git

• Installation

npm init
npm install
npm run build
npm run start

Credits

Give credits to toddmotto for his live demo of pizza creator.

And Biggest thanks to Long for guiding me throughout the project process.

About Me

const kai = {
  name: "Kai GAO",
  email: "kaigaoinau@gmail.com",
  profession: "Junior Web Developer",
  location: "Melbourne, VIC, Australia",
}