Skip to content

Varunpv2005/AutoRemediateX

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

AutoRemediateX

React FastAPI Recharts Axios

Kubernetes Docker License PRs Welcome

Status Maintenance

A production-grade, real-time Kubernetes observability dashboard with intelligent anomaly detection and automated self-healing remediation.


✨ Features

  • 🔴 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

🛠️ Tech Stack

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

📁 Project Structure

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

🚀 Quick Start

1. Clone the repo

git clone https://github.com/Varunpv2005/AutoRemediateX.git
cd AutoRemediateX/dashboard

2. Install dependencies

npm install

3. Configure environment

cp .env.example .env

4. Start the app

npm start

Open http://localhost:3000


🔌 API Endpoints

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

📡 Monitored Services

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

📄 License

Distributed under the MIT License. See LICENSE for more information.


👨‍💻 Author

Varun PV


⭐ If you found this project useful, please give it a star! ⭐

About

Real-time Kubernetes self-healing dashboard · React · Recharts · FastAPI · Axios

Topics

Resources

License

Stars

1 star

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors