PHASE-6---Production-Simulator(Operations Dashboard)

Overview

In this phase, a web-based Operations Dashboard was introduced to visualize system health, performance metrics, active faults, and incident history.

Previously, all information was available only through REST API responses. The dashboard provides a centralized view of the simulator and makes it easier to monitor system behavior in real time.

The frontend was built using HTML, CSS, and JavaScript and is served directly by Spring Boot through the static resources directory.

Preview

Features

System Health Monitoring

• Displays current system status
• Indicates healthy or degraded state
• Updates automatically

Performance Metrics

• Total Requests
• Slow Requests
• Average Response Time
• Maximum Response Time

Active Fault Monitoring

• Displays active latency faults
• Shows configured latency duration
• Displays remaining fault time

Incident Timeline

• Tracks important system events
• Displays event timestamps
• Helps visualize system behavior during failures and recovery

Auto Refresh

• Dashboard automatically fetches the latest data from backend APIs
• Provides near real-time monitoring experience

Technology Stack

Backend

• Java 17
• Spring Boot

Frontend

• HTML5
• CSS3
• JavaScript (Fetch API)

Database

• MongoDB

Architecture

Browser Dashboard

↓

HTML / CSS / JavaScript

↓

REST APIs

↓

Spring Boot Services

↓

MongoDB

APIs Consumed

Health Status

GET /health

Metrics

GET /metrics

Timeline

GET /timeline

Fault Status

GET /faults/status

Dashboard Components

Health Card

Displays current system status.

Metrics Cards

Displays:

• Total Requests
• Slow Requests
• Average Response Time
• Maximum Response Time

Active Fault Panel

Displays active fault information and remaining duration.

Timeline Panel

Displays incident events and timestamps.

Learning Outcomes

Through this phase I learned:

• Frontend and Backend Integration
• Fetch API
• Real-Time Dashboard Design
• Monitoring Concepts
• Observability Fundamentals
• REST API Consumption
• Static Resource Hosting in Spring Boot

Future Improvements

• Live Charts
• Authentication
• User Roles
• Export Reports
• Advanced Analytics
• Alert Notifications

Key Takeaway

This phase transformed the project from an API-only backend into a complete monitoring platform with a visual dashboard. It demonstrates how operators and engineers can monitor system health, performance metrics, and incident activity from a single interface. Aasil

Production Incident Simulator Series - Phase 6