Incident Command Centre

AI-assisted incident reporting and ops dashboard · Proof of concept.

Role: Product design · Front end · AI integration
Year: 2026
Platform: Web app · Desktop + mobile · Offline package
Stack: React 19 · TypeScript · Vite · Tailwind CSS 4 · Google Gemini · Three.js

Overview

The problem

Front-desk and field officers write case reports by hand, then re-key the same details for assignment, investigation and handover — slow, inconsistent, and hard for supervisors to see across a shift.

The idea

One command centre where an officer captures the basics, narrates or picks a template, and gets an AI-drafted report to review — with the case then moving through assignment, investigation checklists and handover, and a dashboard for duty officers.

Proof of concept built for a law-enforcement agency. Shown anonymised — screens are recreated with sample data.

What I did

Design

01Dark command-centre UI with neon status colours, tuned for long shifts and wall displays
02Guided report wizard: details → input method → AI draft → review → assign
03Large touch targets and a bottom nav on mobile; sidebar layout on desktop
04Analytics view with case breakdowns and a 3D 'intel hub' visual

Engineering

01React 19 + TypeScript SPA on Vite, styled with Tailwind CSS 4 and Framer Motion
02Google Gemini (gemini-2.0-flash via @google/genai) turns case details and officer notes into a structured report draft
03Multi-step case workflow with a main path plus a branching follow-up path, tracked as typed state with progress
04Three.js wireframe visual for the intel hub, and a self-contained offline package served by a small Node server