Update positioning, remove IPs from cards, remove icons, update NOC content

This commit is contained in:
2026-05-22 00:42:21 -05:00
parent 13141443c6
commit 295effeba1
3 changed files with 52 additions and 85 deletions
+25 -28
View File
@@ -1,6 +1,6 @@
# Ced's NOC Live Network Operations Center
# Ced's NOC Live Network Operations Center
> A custom-built, public-facing Network Operations Center dashboard running at [noc.chasedumphord.com](https://noc.chasedumphord.com) providing real-time visibility into Ced's HomeLab infrastructure, services, and RF edge systems.
> A custom-built, public facing Network Operations Center dashboard running at [noc.chasedumphord.com](https://noc.chasedumphord.com) providing real time visibility into Ced's HomeLab infrastructure, services, and RF edge systems.
[![Live NOC](https://img.shields.io/badge/Live-noc.chasedumphord.com-1D9E75?style=flat-square)](https://noc.chasedumphord.com)
[![Portfolio](https://img.shields.io/badge/Portfolio-chasedumphord.com-0F6E56?style=flat-square)](https://chasedumphord.com)
@@ -11,11 +11,9 @@
## What This Is
This is the public-facing front door to Ced's HomeLab infrastructure. This is the frontend layer of Ced's observability platform a custom-built status page that makes live infrastructure data publicly
accessible without requiring login. The backend engine ([ceds-observability-stack](https://github.com/ced4568/ceds-observability-stack)) handles metrics collection via Prometheus and Grafana. This repo is
what the public sees — real-time service status, latency, and health across every layer of the homelab. no login required.
This is the public-facing front door to Ced's HomeLab infrastructure. This is the frontend layer of Ced's observability platform a custom built status page that makes live infrastructure data publicly accessible without requiring login. The backend engine ([ceds-observability-stack](https://github.com/ced4568/ceds-observability-stack)) handles metrics collection via Prometheus and Grafana. This repo is what the public sees real-time service status, latency, and health across every layer of the homelab. No login required.
It's not a template or a third-party uptime service. It's a purpose-built frontend that pulls live status data and presents it as a professional NOC dashboard. Every card on the page represents a real, running service with real latency and uptime data.
It's not a template or a third party uptime service. It's a purpose built frontend that pulls live status data and presents it as a professional NOC dashboard. Every card on the page represents a real, running service with real latency and uptime data.
---
@@ -23,7 +21,7 @@ It's not a template or a third-party uptime service. It's a purpose-built fronte
[![NOC Systems](./screenshots/noc-systems.png)](https://noc.chasedumphord.com)
The NOC displays real-time status for every layer of the infrastructure stack from the Proxmox hypervisor down to the APRS RF edge system.
The NOC displays real time status for every layer of the infrastructure stack from the Proxmox hypervisor down to the APRS RF edge system.
---
@@ -49,8 +47,8 @@ The NOC displays real-time status for every layer of the infrastructure stack
| Service | Role | Status Source |
|---------|------|--------------|
| APRS Home iGate | RF-to-internet gateway (KJ5JCO-10) | TCP probe via Blackbox |
| APRS-IS | External APRS internet service | TCP probe noam.aprs2.net:14580 |
| APRS Home iGate | RF to internet gateway (KJ5JCO-10) | TCP probe via Blackbox |
| APRS-IS | External APRS internet service | TCP probe noam.aprs2.net:14580 |
---
@@ -89,7 +87,7 @@ graph LR
2. Prometheus collects and stores probe results
3. Python scripts generate status JSON from Prometheus data
4. NOC frontend reads JSON and renders live status cards
5. Public visitors see real-time infrastructure status no login needed
5. Public visitors see real time infrastructure status no login needed
---
@@ -119,21 +117,20 @@ ceds-noc/
Each service card on the NOC displays:
- **Service name and role** what it is and what it does
- **Category badge** HYPERVISOR, STORAGE, CLUSTER, PORTAL, etc.
- **Health badge** HEALTHY or DEGRADED based on probe results
- **Internal IP and port** — where the service lives on the HomeLab VLAN
- **Status** — Online / Offline
- **Latency** — real response time in milliseconds
- **Last check timestamp** — when the probe last ran
- **Service name and role** what it is and what it does
- **Category badge** HYPERVISOR, STORAGE, CLUSTER, PORTAL, etc.
- **Health badge** HEALTHY or DEGRADED based on probe results
- **Status** Online / Offline
- **Latency** real response time in milliseconds
- **Last check timestamp** when the probe last ran
This gives anyone viewing the page the same operational picture that the internal Grafana dashboard provides without requiring access to the internal network.
This gives anyone viewing the page the same operational picture that the internal Grafana dashboard provides without requiring access to the internal network.
---
## Screenshots
### Systems Overview Live Service Status
### Systems Overview Live Service Status
![NOC Systems](./screenshots/noc-systems.png)
### Metrics Overview
@@ -145,10 +142,10 @@ This gives anyone viewing the page the same operational picture that the interna
| Project | Role |
|---------|------|
| [ceds-observability-stack](https://github.com/ced4568/ceds-observability-stack) | Backend Prometheus, Grafana, Alertmanager, all exporters |
| [ceds-homelab](https://github.com/ced4568/ceds-homelab) | Infrastructure Proxmox cluster, TrueNAS, networking |
| [ced-k3s-homelab](https://github.com/ced4568/ced-k3s-homelab) | Orchestration 12-node Raspberry Pi K3s cluster |
| [ceds-aprs-igate](https://github.com/ced4568/ceds-aprs-igate) | Edge Dual-node APRS RF-to-internet gateway |
| [ceds-observability-stack](https://github.com/ced4568/ceds-observability-stack) | Backend Prometheus, Grafana, Alertmanager, all exporters |
| [ceds-homelab](https://github.com/ced4568/ceds-homelab) | Infrastructure Proxmox cluster, TrueNAS, networking |
| [ced-k3s-homelab](https://github.com/ced4568/ced-k3s-homelab) | Orchestration 12 node Raspberry Pi K3s cluster |
| [ceds-aprs-igate](https://github.com/ced4568/ceds-aprs-igate) | Edge Dual node APRS RF-to-internet gateway |
---
@@ -156,11 +153,11 @@ This gives anyone viewing the page the same operational picture that the interna
- [x] Live service status cards with real probe data
- [x] APRS RF edge system monitoring
- [x] Public access no login required
- [x] Public access no login required
- [x] Custom badge and status JSON generation
- [ ] Alerting integration visual alerts on NOC page
- [ ] Alerting integration visual alerts on NOC page
- [ ] Historical uptime percentage per service
- [ ] Mobile-optimized layout
- [ ] Mobile optimized layout
- [ ] Auto-refresh with configurable interval
- [ ] Public Grafana dashboard embed
@@ -169,9 +166,9 @@ This gives anyone viewing the page the same operational picture that the interna
## Author
**Chase Dumphord (Ced)**
Digital Systems Engineer · GE Aerospace · Oxford, MS
DevOps and Cloud Infrastructure Engineer · GE Aerospace · Oxford, MS
[![Portfolio](https://img.shields.io/badge/Portfolio-chasedumphord.com-0F6E56?style=flat-square)](https://chasedumphord.com)
[![LinkedIn](https://img.shields.io/badge/LinkedIn-chase--dumphord-0A66C2?style=flat-square)](https://www.linkedin.com/in/chase-dumphord/)
[![GitHub](https://img.shields.io/badge/GitHub-ced4568-181717?style=flat-square)](https://github.com/ced4568)
[![Live NOC](https://img.shields.io/badge/Live%20NOC-noc.chasedumphord.com-1D9E75?style=flat-square)](https://noc.chasedumphord.com)
[![Live NOC](https://img.shields.io/badge/Live%20NOC-noc.chasedumphord.com-1D9E75?style=flat-square)](https://noc.chasedumphord.com)