IT Operations & Asset Management/Aug 2026/Completed
NexaOps
Role: Fullstack Developer & System Architect
TimelineAug 2026
StatusCompleted
RoleFullstack Developer & System Architect
Stack
Laravel 13ReactTypeScriptTailwind CSSViteFramer MotionRecharts
01 / The Problem
Perusahaan sering menghadapi kesulitan dalam memantau siklus hidup aset IT (hardware, software, lisensi, dan perangkat jaringan), risiko kehilangan riwayat mutasi aset, serta tidak adanya peringatan dini masa garansi dan kalkulasi depresiasi otomatis.
02 / The Solution
Membangun NexaOps, sistem IT Asset Monitoring & Management komprehensif berbasis Clean Architecture dengan Laravel 13 REST API dan React 18 (Vite). Dilengkapi live monitoring dashboard, QR Code scanner/generator fisik, jejak audit mutasi, dan visualisasi distribusi aset.
03 / Key Features
Real-time Telemetry & Asset Health Monitoring Dashboard
Interactive Network Topology & Server Rack Visualizer
Physical Barcode & QR Code Label Generator with Quick Scan
Automated Warranty Expiration Alerts & Depreciation Calculator
Role-Based Access Control (RBAC) & Immutable Mutation Audit Logs
Dark Mode & Light Mode with Fluid Framer Motion Transitions
04 / Architecture
React 18 + Vite (TypeScript & Tailwind)
↓
TanStack Query & Zustand State Management
↓
Laravel 13 REST API (Service Layer & Repository Pattern)
↓
PostgreSQL / MySQL + Sanitized Audit Trail Logging05 / Challenges
Menghadirkan visualisasi topologi jaringan dan data monitoring real-time tanpa membebani performa browser serta memastikan integritas riwayat pergerakan aset. Diatasi dengan TanStack Query caching dan pagination teroptimasi.
06 / Outcomes & Impact
- 100% Comprehensive Audit Trail mutasi seluruh perangkat IT
- Visualisasi Recharts & topology map real-time berkinerja tinggi
- Dukungan cetak QR Code label siap pakai untuk inventarisasi fisik
- Arsitektur modular Clean Architecture berbasis Service-Repository