Skip to content

Qomander - A Self ordering kiosk web application. Made with Angular

Notifications You must be signed in to change notification settings

aBrihoum/qomander

Repository files navigation

Qomander - Self Ordering Restaurant Kiosk

angular sass vercel github1s

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 :

Qomander Preview

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

Browse project

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 https://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.