Skip to content
aziz.dev
~/work/secureye

Case file 01 / 05

SecurEye

AI-powered surveillance that sees more than security.

Visit secureye.ai
Role
Frontend Engineer
Category
AI · Surveillance
Status
Live in production
Links
secureye.ai

SecurEye turns the cameras an organisation already owns into an AI security system: live detection of vehicles, people and faces, license-plate recognition, and instant alerts when something doesn't match.

I own the frontend — the interfaces operators live in all day. That means dashboards that stay responsive while detection events stream in, and views designed to make large volumes of monitoring data scannable at a glance.

Architecture

  1. 01
    CamerasExisting CCTV / IP feeds
  2. 02
    AI backendPython · detection & recognition
  3. 03
    Event streamWebSockets · live detections
  4. 04
    DashboardReact · React Query · Zustand

What I did

  1. 01Built the surveillance & monitoring interfaces in React, from the dashboard shell to detection detail views.
  2. 02Designed UIs for vehicle, person and face-detection data that remain readable under heavy event volume.
  3. 03Wired real-time updates over WebSockets so detections and alerts appear the moment they happen.
  4. 04Split state cleanly: React Query for server state and caching, Zustand for client/UI state.
  5. 05Created a reusable component layer to keep a fast-moving product consistent.
  6. 06Handled time-zoned event timelines and filters with dayjs.

Key features

◆Live detection feed
◆Plate recognition
◆Face matching
◆Instant alerts
◆Event search
◆Monitoring dashboards

Stack

ReactJavaScriptTailwind CSSReact QueryZustandWebSocketsVitedayjs