A production-grade, real-time Kubernetes observability dashboard with intelligent anomaly detection and automated self-healing remediation.
- 🔴 Real-time Monitoring — Dashboard auto-refreshes every 5 seconds with live data
- 📊 Live Metrics Charts — Rolling 30-point charts for CPU, Memory, Latency & Network
- 🧠 Anomaly Detection — Visual scoring panel with critical alert highlights
- ⚡ Automated Remediation — Trigger restart, scale, or rollback actions per service
- 🗂️ Service Health Table — Sortable table with inline progress bars and status badges
- 📋 Remediation Activity Log — Timestamped log of all automated and manual actions
- 🎛️ Manual Control Panel — Detect anomalies and remediate any service on demand
- 🌙 Dark DevOps Theme — Grafana-inspired UI with IBM Plex Mono typography
- 🔌 API Integration — Real Axios calls with graceful mock fallback for demos
| Layer | Technology | Purpose |
|---|---|---|
| Frontend | React 18 | UI framework |
| Charts | Recharts | Real-time data visualization |
| HTTP Client | Axios | API calls with interceptors |
| Backend | FastAPI (Python) | REST API server |
| Orchestration | Kubernetes | Container management |
| Font | IBM Plex Mono | DevOps-style typography |
dashboard/
├── public/
│ └── index.html
├── src/
│ ├── components/
│ │ ├── ClusterOverview.jsx
│ │ ├── MetricsCharts.jsx
│ │ ├── ServiceTable.jsx
│ │ ├── AnomalyPanel.jsx
│ │ ├── RemediationLog.jsx
│ │ └── ControlPanel.jsx
│ ├── hooks/
│ │ └── useDashboard.js
│ ├── pages/
│ │ └── Dashboard.jsx
│ ├── services/
│ │ └── api.js
│ ├── utils/
│ │ └── theme.js
│ ├── App.jsx
│ └── index.js
├── .env.example
├── package.json
└── README.md
git clone https://github.com/Varunpv2005/AutoRemediateX.git
cd AutoRemediateX/dashboardnpm installcp .env.example .envnpm start| Method | Endpoint | Description |
|---|---|---|
GET |
/api/health |
System health status |
GET |
/api/system-status |
Cluster-level statistics |
GET |
/api/metrics/{service} |
Per-service metrics |
GET |
/api/anomalies |
Detected anomalies |
POST |
/api/remediate |
Trigger remediation |
POST |
/api/detect-anomaly |
Run anomaly detection |
| Service | Port | Role |
|---|---|---|
api-gateway |
8080 | Entry point / routing |
auth-service |
8081 | Authentication |
payment-service |
8082 | Payment processing |
checkout-service |
8083 | Order checkout |
inventory-service |
8084 | Stock management |
notification-service |
8085 | Email / push alerts |
Distributed under the MIT License. See LICENSE for more information.
Varun PV
- GitHub: @Varunpv2005
- LinkedIn: Varun PV
- Email: varunpv347@gmail.com
⭐ If you found this project useful, please give it a star! ⭐