Work
Let's talk
Wonder Works Systems
← All work
CRM & Business Systems

KBS Service Center

A service-complaint tracker for an AV company's repair desk: one shared log per case, closing ticks held by role, and a private thread the technicians never see.

KBS Service Center case log: comments from the operations manager and technician in one timeline, each in the author's own colour, with the gap since the previous entry between them and a first reply after three days flagged in red. Beside it, the four closing ticks still outstanding and the people on the case.

What we built

  • 01Case numbers issued by a single atomic statement, so two people submitting at once cannot collide
  • 02Comments and system events in one timeline, each entry carrying the gap since the last and turning red past the threshold
  • 03A case stays Open until the person who raised it and one holder of each required role has ticked it closed
  • 04A private thread for Master Admin, Admin and Operations Manager, held in a table the public log never reads
  • 05Roles, rights, closing rules and the case-number format all editable in the app, not in code
  • 06Installable on phones, with photos downscaled in the browser and attachments served only to signed-in people on the case

Stack

  • Next.js 16 (App Router)
  • React 19
  • TypeScript
  • Tailwind CSS v4
  • Server Actions
  • Zod
  • PGlite (Postgres in WebAssembly)
  • Supabase Postgres
  • Supabase Storage
  • bcrypt sessions
  • pdf-lib
  • PWA service worker
  • Vercel

A note on these screens. Every screen is a real capture of the running app on its demo dataset — the clients, serial numbers and comments in them are invented, because the live instance holds real customer complaints.

KBS Service Center case list: six service cases filtered by status, each showing its case number, working status, closing-tick count, warranty state, client, organisation, the equipment and serial number, and who raised it.KBS Service Center private thread on a case, open to Master Admin, Admin and Operations Manager only, with a banner stating that Technicians and Sales Reps see no tab, no badge and no trace of it.KBS Service Center roles and rights: the Master Admin role expanded to its thirteen permissions, each with a plain-English explanation, above the other built-in roles and their permission counts.KBS Service Center settings: service centre name and time zone, the case-number prefix and yearly restart, the roles added to every new complaint with a lock the creator cannot override, and the roles whose tick is required to close a case.

Next project

SayRead →