Een taakgerichte kassa voor bestellen en gesplitst betalen

Restaurant Kassasysteem

Een functioneel kassasysteem waarin restaurantmedewerkers bestellingen samenstellen, aantallen aanpassen en een rekening via meerdere betaalmethoden afwerken.

Frontendontwikkeling en applicatiestructuur

Angular 17
TypeScript
HTML
CSS
RxJS
Angular Router
Node.js

Bestelling, categorieën en primaire acties blijven tegelijk bereikbaar.

Context: UCLL-teamproject
Team: Groep van drie
Mijn rol: Frontendontwikkeling en applicatiestructuur
Stack: Angular 17, TypeScript, HTML, CSS, RxJS en Node.js
Ervaring: Bestellen, aantallen beheren en gesplitst betalen

Project en context

Binnen een groep van drie bouwden we een kassasysteem rond de handelingen die restaurantmedewerkers vaak herhalen. De toepassing verbindt productcategorieën, een lopende bestelling, totaalberekening en betaling in één directe interface.

Bestellen zonder omwegen

De bestelpagina houdt producten, categorieën en het huidige mandje tegelijk zichtbaar. Medewerkers kunnen aantallen verhogen, verlagen of verwijderen en zien het totaal meteen mee veranderen.

Restaurantkassa met Pasta en Pizza in de bestelling, bediening voor aantallen, categorieën en totaalbedrag. — Bestelling, categorieën en primaire acties blijven tegelijk bereikbaar.

Eén rekening, meerdere betalingen

De betaalstroom ondersteunt cash, elektronische betaling en cheques. Een rekening kan opgesplitst worden over betaalmethoden, terwijl het resterende bedrag en elke deelbetaling zichtbaar blijven.

Betaalscherm met totaal, resterend bedrag, cash, EFT, cheques en numeriek toetsenbord. — De betaalinterface houdt bedrag, methode en resterend saldo bij elkaar.

Voltooide gesplitste betaling van tien euro cash en twaalf euro via Bancontact. — De rekening van €22 is verdeeld over cash en Bancontact zonder restbedrag.

Mijn rol

Mijn focus lag op frontendontwikkeling en applicatiestructuur. Ik zette de Angular- en ontwikkelstructuur mee op en werkte aan de bestelinterface, routing, dynamische itemselectie, knoppen voor aantallen en gedeelde modellen voor categorieën, items en betalingen.

Belangrijkste uitdaging

Een kassa moet veel mogelijkheden tonen zonder de primaire taak te vertragen. De uitdaging was daarom niet alleen functionaliteit bouwen, maar toestand delen tussen bestellen en betalen en de bediening voorspelbaar houden.

Resultaat

Het prototype voert de kernflow volledig uit: producten kiezen, de bestelling corrigeren, het bedrag controleren en de rekening via één of meerdere betaalmethoden afronden.