Engineering · 2025

Pistor

An AI assistant interface for a Swiss wholesale food distributor — a streaming chat application, built from approved Figma screens to working Angular frontend.

Angular 20SignalsCDK OverlayTypeScriptSCSS

Context

Pistor is a Swiss wholesale food distributor. The brief, through the agency, was an AI assistant interface — a chat experience where staff ask questions and read answers as they stream back, inside the company’s own tools.

I built the frontend as a design engineer, working from approved Figma screens: the conversation view, the message composer, and the states around them.

What I built

A chat application with streamed responses that render as they arrive, message reactions — like and dislike — for feedback, and file attachments on the conversation. State is managed with Angular Signals, so the view stays in sync with the conversation without a heavier store.

Services are decoupled, and overlays — menus, dialogs, attachment previews — run through Angular CDK Overlay rather than ad-hoc DOM. The interface adapts responsively from desktop down to mobile.

How I work

I lean on AI as a working partner to scaffold components and cross-check the state flows, so my attention goes to the interaction details and the responsive edge cases rather than the boilerplate.

From the Figma frame to a merged pull request — the same path on every project.