Enterprise Systems

SiWarga — Digital Citizen Portal & Emergency SOS System

A modern Progressive Web Application (PWA) and CMS Backoffice for citizen administration, ProKlim environmental tracking, HLS live CCTV video streaming, and real-time emergency SOS alerts.

Production UI Webview Preview

SiWarga — Digital Citizen Portal & Emergency SOS System

TECH STACK & ARCHITECTURE COMPONENTSSTACK TEKNOLOGI & KOMPONEN ARSITEKTUR

codeReact

UI Framework

speedVite

Build Tool

paletteTailwind CSS

Design System CSS

databaseFirebase Firestore

Real-time Database

languageFirebase Hosting

Global CDN Hosting

imageImgBB REST API

Cloud Image Storage

live_tvHLS.js

Video Stream Parser

bar_chartChart.js

Data Visualization

ProblemPermasalahan Utama

Neighborhood management (RT/RW) struggles with manual announcements, opaque financial reporting, and slow response during emergencies.

Engineering SolutionSolusi Rekayasa

Developed SiWarga (React + Vite + Tailwind CSS + Firebase BaaS) providing Cloud Firestore real-time data sync, emergency SOS modals with one-tap speed dial, HLS.js live CCTV streaming, ImgBB media storage, and interactive Chart.js financial transparency dashboards.

System ImpactDampak Sistem

Deployed on Firebase Hosting, serving residents with instant digital services and sub-second emergency dispatch accessibility.

SIWARGA — CITIZEN PORTAL SYSTEM ARCHITECTURE

Hover any node for component specsHover node untuk spesifikasi komponen

System Legend:Legenda Sistem:

Frontend & IngressCore Service & GuardLogic & AI EngineDatabase & StorageSecurity & Audit