HomeProjectsGalleryStoreNewsletterPhotography
Eleven Project ·

Police Dashboard

A law-enforcement management system for a GTA V FiveM roleplay server: citizen records, citations, arrests, vehicle seizures, and a live map, all in one in-game dashboard.

Role
Product Design, UI Design
Stack
ReactLuaFigmaTailwindCSSNode.jsPostgreSQL
Year
2026
Police Dashboard

Project Details

Police Dashboard is a law-enforcement management system that digitalizes police operations inside a GTA V FiveM roleplay server (QBCore). It gives officers a single, modern interface to manage citizens, issue citations, register and seize vehicles, control evidence and inventory, and process arrests, replacing the external commands and manual bookkeeping the server relied on before.

  • Product and UI design for the full police dashboard
  • Dense, scannable data layouts built for in-game readability
  • Citizen profiles, citations, arrests, and vehicle records under one system
  • Live map and unit-tracking views
  • A component-based design system shared across every panel

The problem

The server's previous setup left officers without the basics: no way to track how many fines a citizen had, no central record of arrests or jail time, and debt handling done manually, slow and easy to manipulate. Vehicles had no seizure or assignment controls, and police inventory and evidence went unmanaged. Officers leaned on external commands that broke immersion, leaving workflows fragmented, slow, and far from professional.

The solution

  • Automated arrest logging with jail-time calculation
  • Secure, automated debt management per citizen
  • A complete vehicle registry with confiscation workflows
  • Fully digitized inventory and evidence management
  • Comprehensive citizen profiles with historical data
  • An in-game UI that removes the dependency on external tools
  • Complete audit trails for officer accountability

Tech Used

ReactLuaFigmaTailwindCSSNode.jsPostgreSQL

Built on an Express.js / Node.js / PostgreSQL backend with Stripe, running on a FiveM QBCore server.

Project Goal / Main Challenge

Make complex operational data (incidents, fines, units, records) feel instant to parse mid-roleplay, on top of the game, without breaking immersion.

Inside the dashboard

Stills below are captured straight from the product; the clips are recorded live in-game. Hover any clip for playback controls, or expand it for pause, scrubbing, and fullscreen.

Control panel

The home screen pulls the whole station into one view: total fines, active officers, recent reports, and live activity across the map.

Control panel: the station's main overview
0:00 / 0:00
Live map and analytics overview
Quick-create menu for opening a new report
Switching list density between grid and row layouts
0:00 / 0:00
Dashboard customization and theme settings
0:00 / 0:00
Multi-tab and multi-window navigation
0:00 / 0:00
Quick search across the entire database

Officers and citizens

Every officer and citizen lives in a structured directory, with profiles that carry photos, ranks, and full history.

Officers directory with ranks and assignments
Citizen profile with photo upload
0:00 / 0:00
Citizen relationships and linked records

Incidents and reports

Reports are filterable, detailed, and template-driven, with sensitive cases locked behind officer authentication.

Incident reports, filtered and searchable
0:00 / 0:00
Records and incident listing
A single report in detail
Report templates speed up filing
Sensitive reports locked behind officer auth

Fines, penal code, and notifications

Fines, the penal code, and a live notifications feed keep money and legal references one click away.

Fine details in a side panel
0:00 / 0:00
Fine details and unit tracking
The penal code, searchable by article
Notifications center: fines paid, arrests, payouts

Surveillance and coordination

Cameras, speed radars, and a shared whiteboard give units a real-time picture of the city.

Live security cameras across the map
Speed radar network status
Operations whiteboard for coordinating units
0:00 / 0:00
Dispatch improvements and unit coordination

In motion

The dashboard in real use, on top of the game.

0:00 / 0:00
Incident management dashboard in action
0:00 / 0:00
Roleplay scene with the dashboard in context

Outcome

Tasks that used to take minutes of manual input now complete in seconds through a single, immersive interface. Operations sped up dramatically, with a full record trail behind every action.