Qomander - Self Ordering Restaurant Kiosk

Description

This web app is a self-ordering restaurant kiosk similar to those found at McDonald's, Burger King, Subway, and other fast food chains.

This project is made by Angular, Vanilla SASS and fully designed by Yasser DRIF.

Note Me and Yasser are not affiliated.

This project is just a demo; as a result, it lacks some features such as :

• Image lazy loading & LQIP

• Animations

• Multi language

• A real backend

• Suitable/specific extras for every selected meal

And more...

Preview

qomander.mp4

---

▶ Thanks to Vercel, you can play with the project online :

Project structure

📦
└─ src/
   ├─ app/
   │  ├─ modules/
   │  │  ├─ customization/
   │  │  │  ├─ components/
   │  │  │  └─ customization.module.ts
   │  │  ├─ final/
   │  │  │  ├─ components/
   │  │  │  └─ final.module.ts
   │  │  ├─ home/
   │  │  │  ├─ components/
   │  │  │  └─ home.module.ts
   │  │  └─ menu/
   │  │     ├─ components/
   │  │     └─ menu.module.ts
   │  ├─ app.component.ts
   │  └─ app.module.ts
   └─ index.html

Quick start

Clone this repo.

git clone https://github.com/aBrihoum/qomander

Install npm packages.

cd qomander
npm i

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.