Adam El Kadaoui
Client work

Client project · In production

Stock
Reporting

Supplies are reported by scanning a QR code on the wall — not counted by hand and typed up hours later.

Taken from on-site discovery with the client and the people who would use it, through development, deployment and maintenance.

Client system · No public repository or demo

Client
Alliance Services Propreté
Ownership
Discovery → Production → Maintenance
Product
QR reporting · Admin dashboard
Stack
Next.js · TypeScript · Firestore

Counted by hand,
reported too late.

Before

  1. Walk the floors
  2. Note on paper
  3. Type it up later
  4. Information reaches the manager later

After

  1. Scan the code on the wall
  2. Context is already filled in
  3. Dashboard updates now

The report is made where the shortage is seen, by the person who sees it — designed for quick, one-handed use on site.

How it works.

  1. 01 · Scan

    A code per location opens the report page for that exact spot.

    Building, floor, room — validated, not typed.

  2. 02 · Report

    What is missing, what is low, in three taps.

    No login for the floor. No free text to clean up.

  3. 03 · Monitor

    A role-protected dashboard, live, with CSV out.

    Real-time monitoring · summary metrics · export.

The two surfaces

Report page · Redrawn schematic · Illustrative data
Admin dashboard · Redrawn schematic · Illustrative data · Client UI/data not shown

Why schematics— the production system contains client sites, users and operational data. The interfaces shown here are redrawn from the layouts I designed, without client content.

From discovery
to production.

Discovery ran on site, with the client and the people who would use the system. Two surfaces came out of it — a one-hand phone flow for the floor, a role-separated dashboard for monitoring. It is in production, still maintained, with new sites added over time.

Discovery
On site, with the client and future users
Design
One-hand phone flow · role-separated admin
Build
Next.js · TypeScript · Firestore · QR routing
Run
In production · maintained · new sites added