WATI: SOC Incident Response & Asset Management

WATI: SOC Incident Response & Asset Management

 |  Klien: Telkomsigma

Overview

WATI adalah platform enterprise-grade untuk Security Operations Center (SOC) yang menyediakan centralized incident response, IT asset inventory, tenant management, dan SOAR (Security Orchestration, Automation & Response) capabilities. Berfungsi sebagai command center bagi cybersecurity analyst untuk memonitor, mengelola, dan merespons insiden keamanan di seluruh infrastruktur yang dimonitor.

Tech Stack:

  • React 19 + TypeScript + Vite — Frontend framework dengan HMR cepat
  • TanStack Router — File-based routing dengan auto code-splitting
  • TanStack React Query — Server state management
  • Zustand — Client state management
  • Axios — HTTP client dengan automatic token refresh interceptors
  • Tailwind CSS v4 + shadcn/ui — Styling dan Radix-based components
  • React Hook Form + Zod — Form management dan validasi
  • Lucide — Icon library
  • Docker + Kubernetes — Containerized deployment

Arsitektur

Desain modular dan permission-driven di mana seluruh navigation tree digenerate secara dinamis dari user roles dan module permissions yang didefinisikan di backend. RBAC diimplementasikan hingga level fitur (create/read/update/delete per modul).

Dynamic Module System

Generic module loader ($module.lazy.tsx) yang merender modul apapun menggunakan pola table/detail/form standar. Modul backend baru dapat muncul di UI tanpa perubahan kode frontend.

Incident Response

Full incident lifecycle UI dengan workflow status (New → Open → Reopen → Closed), comment system dengan file attachments, dan automated SOAR blocking dengan polling mechanism.

Keamanan

  • Enkripsi AES-256-GCM via node-forge untuk payload API sensitif
  • Token-based authentication dengan silent refresh rotation
  • Multi-Factor Authentication (MFA)

Enterprise DX

  • Vite dev server dengan HMR
  • ESLint flat config untuk code quality
  • Jest + Testing Library untuk unit tests
  • Docker multi-stage build (Node → Nginx)
  • Kubernetes deployment manifest

Monitoring & Performance

  • Elastic APM RUM untuk real user monitoring
  • Soft-loading untuk background refetches
  • Dark/light theme dengan system preference detection
  • Responsive mobile navigation