Görev ve sistem durumunu tek panelden izleyen koyu temalı kontrol merkezi.
Go to file
2026-09-09 22:40:28 +00:00
public Numex yayın: public/style.css 2026-09-09 22:40:26 +00:00
package.json Numex yayın: package.json 2026-09-09 22:40:23 +00:00
README.md Numex yayın: README.md 2026-09-09 22:40:27 +00:00
server.js Numex yayın: server.js 2026-09-09 22:40:28 +00:00

🛰️ MISSION CONTROL — Siber Sunucu DevOps İzleme Kokpiti

Cyber / sci-fi temalı, gerçek zamanlı (her saniye dalgalanan) bir sunucu izleme paneli. Express backend sahte telemetri üretir; saf HTML5 Canvas frontend (harici grafik kütüphanesi YOK) çizer.


Özellikler

Bakckend (server.js)

  • GET /metrics — her saniye dalgalanan CPU / RAM / Disk / Ağ kullanımı + son 30 sn CPU geçmişi + olay konsolu verisi.
  • GET /processesnginx, postgresql, redis, auth-service, payment-worker, analytics → 6 sahte proses (running listesi).
  • DELETE /processes/:id — pid veya servis adı ile prosesi durdurur; durunca listeden düşer (404/409 güvenli debug).
  • 1 saniyelik kalp atışı döngüsü → rastgele CPU spike, bellek tırmanışı, arka plan olayları (nginx 200 OK, redis cache hit…).

Frontend (public/)

  • Koyu cam (glassmorphism) cyber tema — camgöbeği / neon yeşil / kehribar / kritik kırmızı uyarı renkleri, neon glow, tarama çizgileri.
  • 3 dolan (arc) gösterge — CPU / Memory / Network (değere göre yeşil→kehribar→kırmızı).
  • Çember yüzük disk göstergesi.
  • Akan neon CPU çizgi grafiği (saf canvas, izgaralı, degradeli dolgu, %80 kehribar eşik çizgisi).
  • Canlı proses tablosu — her satırda kırmızı ✕ KILL butonu → DELETE isteği → anında satır silinir.
  • Akan olay konsolu — ok/uyarı/kritik renk kodlu, üste eklenen mini terminal.

Çalıştırma

# 1) Bu klasörde (mission-control/) bağımlılıkları kur
npm install

# 2) Sunucuyu başlat
npm start
#   → http://localhost:5000

# İstersen farklı port
PORT=7000 node server.js

Tarayıcıda http://localhost:5000 aç → panel canlı akar. Tablodaki ✕ KILL butonları gerçekten prosesi durdurur ve satırı siler.


API Özeti

Method Yol ıklama
GET / Kokpit UI
GET /metrics Anlık cpu/ram/disk/ağ + 30sn cpu geçmişi + olaylar
GET /processes Running proses listesi [{pid,service,cpu,memMB,status}]
GET /events Olay konsolu geçmişi
DELETE /processes/:id Prosesi durdur (200 {ok:true} / 404)

Proje Yapısı

mission-control/
├── package.json       # express bağımlılığı & start scripti
├── server.js          # Express backend + sahte telemetri + REST API
├── public/
│   ├── index.html     # kokpit tek sayfa iskeleti
│   ├── style.css      # cyber neon cam teması
│   └── app.js         # polling · canvas gauge & grafik · tablo · konsol
└── README.md

Made with ❤️ by Numex AI.