Noma

Self-initiated concept product / engineering demonstration. Noma is not a shop: nothing is for sale, no payment is processed and every order, price and delivery estimate is fictional demo data.

Noma is a marketplace for art prints. Shoppers browse collections, search and filter, open a product with a gallery, size and frame options and reviews, add it to a bag, apply a promo code, move through a three-step checkout with address and payment, and then follow the order through its delivery stages.

The bag is always one tap away and carries a live count; quantity steppers, swipe-to-remove and the promo field all give immediate feedback. Checkout is one decision per step with a visible progress indicator, and the tab bar steps out of the way whenever a full-screen route is pushed, so the primary action is never covered.

Noma is written in Dart and built with Flutter for the web (CanvasKit renderer) — a genuinely different stack from the other demos, chosen to show the same product thinking outside React. Because Flutter paints to a canvas and exposes no DOM, its screens are made testable by enabling the semantics tree and giving every interactive widget a stable identifier, which the Playwright suite drives like any other app.

Concept, product design and engineering by Cassio, with AI-assisted implementation. The artworks are public-domain reproductions from Wikimedia Commons, credited in the app and in ASSET-SOURCES.md with source, author and licence. Typefaces: Fraunces and Inter (SIL Open Font License).