Fathurrahman F monogramFathurrahman
Back to Projects
Office Project

Command Center Banggai

PT Data Nusantara Adhikarya·Feb 2025 - Present
Command Center Banggai

Overview

The Banggai Command Center (Banggai ICC 2025) is an integrated command center platform developed for Banggai Regency, Central Sulawesi, as part of the Caliana Intelligent Surveillance System product line. The platform consists of three applications that share a single backend system: a monitoring dashboard, a configuration back office, and a public microsite. The Dashboard is the operations console: it aggregates multi-agency government data into license-gated, config-driven dashboards with charts and GIS choropleth maps, and adds real-time situational awareness — live CCTV via a full-screen video wall, AI face-recognition and license-plate-recognition detection feeds, citizen emergency-response monitoring (panic button, citizen reports, rapid-responder maps), waste-collection fleet tracking, social-media sentiment analytics, and news-portal analytics with AI-generated recommendations, plus case management. The Back-office is the administrative surface where operators build those dashboards (categories, chart types, GIS layers), manage social-media and YouTube crawler data sources, maintain master data (region hierarchy, positions), control users, roles and feature-level access, and manage product licenses. The Microsite is the public/legal companion: a searchable privacy policy, a citizen data-deletion request flow, and a link-validated password-reset flow, integrating with the internal citizen API. Built with Next.js 13 (Pages Router) and React 18 on a Backend-for-Frontend architecture, the platform uses TanStack Query and SWR for data, Tailwind and Bootstrap for UI, Highcharts and ApexCharts for visualization, Leaflet and Google Maps for GIS, Socket.IO for real-time feeds, and is deployed with Docker and PM2.

Key Capabilities

  • Multi-agency, config-driven government dashboards with charts and GIS
  • Real-time CCTV video wall with AI face recognition and license-plate recognition
  • Citizen service monitoring (emergency/panic button, citizen reports, rapid-responder maps)
  • Waste-collection fleet tracking with live responder maps
  • Social-media sentiment analytics and news-portal analytics with AI recommendations
  • Case management with timeline
  • Dashboard builder (categories, charts, GIS layers) in the back-office
  • Social-media and YouTube crawler data-source management
  • Master data (region hierarchy, positions, news), user/role/feature access control
  • Public microsite: privacy policy, citizen data-deletion request, password reset

Screenshots

Click to enlarge

Technologies Used

React.jsNext.jsReact Tanstack Query v5Tailwind CSSBootstrap CSSJestLeafletReact ApexchartsHighchartsSocket.ioAxiosPM2Nginx