Public Services MDT — 24-Module Operational System

A shared operational tablet connecting Police, Government, and EMS workflows in a single adaptive interface.

Vue 3.5 · Pinia · ViteMapLibre GL & TipTap Suite24 Modules · 6 Functional AreasTypeScript 6 & Vitest

A public service system should serve three agencies, not three separate softwares.

During a live shift, attention is limited and workflows are time-critical. What started as a police MDT quickly expanded across Police, Government, and EMS into 24 distinct modules. The challenge was to design a unified system with granular permissions and adaptive navigation that keeps 24 workflows effortless without overwhelming the user.

Police (LSPD)
Medical (EMS)
Government (GOV)
Operations
Records
Justice
Medical
Financial
Unit Management

One shared tablet. Six specialized functional domains with role-based adaptive navigation.

01 / Operational Dashboard

A dashboard should orient, not impress

The dashboard is designed as the starting point of a shift. Instead of filling the screen with arbitrary widgets, the hierarchy answers three essential questions in order: Who am I and what is my status? Where do I need to go? And what is happening right now across units and wanted registries?

A dashboard should orient, not impress
02 / Dispatch Center & Tactical Map

Layout follows the task — location takes the center

In Dispatch, location is the primary piece of information. The live GPS tactical map takes the majority of the screen, while incoming callouts stay in a focused triage column with immediate 10-code incident assignment.

Layout follows the task — location takes the center
03 / Citizen Profile & Medical ICE Registry

Identity and context over flat database tables

Core personal identity remains anchored while the officer or dispatcher navigates criminal records, licenses, emergency ICE medical information, property holdings, and registered vehicles without losing context.

Identity and context over flat database tables
04 / Legal Documents & Rich Reporting

A writing environment, not an administrative form

The document editor is treated like a digital sheet of paper with rich typography. Case links, involved officers, citizens, and evidence stay accessible in a side panel without competing with the writing area.

A writing environment, not an administrative form
05 / Shift Analytics & Performance

High-level overview first, detailed data on demand

The interface begins with an immediate visual summary for supervisors, while detailed duty hours, citation counts, and monthly breakdown stay organized in structured rows below.

High-level overview first, detailed data on demand
06 / Master-Detail Duty & Hearing Calendar

Preserving time context during event inspection

A master-detail calendar keeps the full monthly view visible while day-specific hearings, court depositions, and operational shifts open alongside it, preventing loss of context.

Preserving time context during event inspection

Under the hood

Vue 3.5, Pinia & Automated Permission Checks

Built on Vue 3.5 with Pinia modular stores and strict TypeScript typechecking. CI/CD build scripts automatically verify granular action permissions and ensure no mock data leaks into production.

MapLibre GL Tactical GPS Engine

Vector map integration in Dispatch rendering live unit telemetry, 10-code incident callouts, and tactical GIS layers with high-performance 60fps rendering.

TipTap Legal Reporting Suite

Complete in-app document authoring environment with pagination, mentions, task lists, structured tables, and sanitized HTML/Markdown exporting for police reports and court cases.

0Modules
0Functional Areas
0Organizations
0%Granular Permissions
Complexity can stay in the system. It does not have to stay in the user’s head.