A task-focused point of sale for ordering and split payments

Restaurant Point of Sale

A functional point-of-sale system in which restaurant staff build orders, adjust quantities and complete a bill using multiple payment methods.

Frontend development and application structure

Angular 17
TypeScript
HTML
CSS
RxJS
Angular Router
Node.js

The order, categories and primary actions remain available at the same time.

Context: UCLL team project
Team: Team of three
My role: Frontend development and application structure
Stack: Angular 17, TypeScript, HTML, CSS, RxJS and Node.js
Experience: Ordering, quantity management and split payments

Project and context

In a team of three, we built a point-of-sale system around the actions restaurant staff repeat most often. The application connects product categories, a current order, total calculation and payment in one direct interface.

Ordering without detours

The ordering page keeps products, categories and the current basket visible at the same time. Staff can increase, decrease or remove quantities and see the total update immediately.

Restaurant point of sale with Pasta and Pizza in the order, quantity controls, categories and total amount. — The order, categories and primary actions remain available at the same time.

One bill, multiple payments

The payment flow supports cash, electronic payment and cheques. A bill can be split across payment methods while the remaining amount and every partial payment stay visible.

Payment screen with total, remaining amount, cash, EFT, cheques and numeric keypad. — The payment interface keeps amount, method and remaining balance together.

Completed split payment of ten euros in cash and twelve euros through Bancontact. — The €22 bill is split between cash and Bancontact with no remaining balance.

My role

My focus was frontend development and application structure. I helped establish the Angular and development structure and worked on the ordering interface, routing, dynamic item selection, quantity controls and shared models for categories, items and payments.

Main challenge

A point of sale must expose many options without slowing down the primary task. The challenge was therefore not only building functionality, but sharing state between ordering and payment while keeping interaction predictable.

Result

The prototype completes the core flow end to end: choose products, correct the order, verify the amount and settle the bill through one or more payment methods.