Back to List

Network Equipment Monitoring & Management System

Client logo

Network management system for real-time monitoring and fault management of IT infrastructure including servers, network equipment, and sensors at Kyobo Life Insurance headquarters and nationwide branches
Provides integrated management features including widget-based dashboard, topology visualization, and real-time fault alerts.

Roles

PlanningDesignFrontendBackend

Tech Stack

React
TypeScript
Redux Toolkit
RTK Query
Ant Design
Styled Components
ECharts
React Flow
WebSocket
Zod
Vite

Key Features

  • Dashboard Widget System: Freely arrange 19 types of monitoring widgets with drag-and-drop for real-time status overview
  • Topology/Rack Visualization: Display network configuration and physical equipment layout in intuitive diagrams
  • Real-time Fault Alerts: Instant fault notification popups with urgency-based alarm sounds
  • Performance Monitoring: CPU, memory, disk, traffic usage trends and ranking analysis
  • Integrated Management Settings: System-wide settings management for equipment, users, roles, thresholds, event types, etc.

Key Achievements

  • WebSocket Real-time Notifications: Implemented notification system with topic filtering and message buffering for stable handling of high-volume events
  • Draggable Widget Dashboard: Implemented free placement, resizing, and settings persistence for 19 widget types using React Grid Layout
  • RTK Query Caching Strategy: Optimized API calls and ensured real-time updates with tag-based cache invalidation and auto-refetching
  • Zod Runtime Validation: Enhanced type safety and prevented unexpected data errors through API response schema validation
  • React Flow Network Visualization: Implemented various infrastructure structures as interactive diagrams including topology maps, route maps, and rack layouts
  • Hierarchical Equipment Tree Structure: Systematic navigation of hundreds of equipment through 3-tier regional headquarters-station-equipment type hierarchy
  • Dark Mode Theme System: User settings stored on server for consistent theme experience across any device
#Network Monitoring
#Real-time Dashboard
#Infrastructure Management
#WebSocket
#Data Visualization
#Enterprise System