OpenNewPOS6

// Overview

A recreation of the NP6 point-of-sale system used in McDonald's Australia restaurants, built entirely from observation and memory — no access to source code. Replicates the order screen, item modifier flows (size, sauce, remove ingredient), combo meal logic, and payment states in vanilla HTML, CSS, and JavaScript. The goal was to prove that complex enterprise UI patterns can be reconstructed using only standard web technologies.

// Challenges

Reverse-engineering a multi-state enterprise UI from memory. The POS handles concurrent order modifications, quantity changes, and item removals across multiple order lines simultaneously — all of this had to be rebuilt as a client-side state machine without a framework.

// Outcomes

A pixel-accurate replica of the production POS UI that runs in any browser. Used as a training reference and demonstration that intricate desktop-grade UX can be achieved with plain HTML, CSS, and JavaScript.