🖥️📊 Real-Time System Monitoring Dashboard

This project is a real-time system monitoring web application built using Flask, Flask-SocketIO, and psutil ⚙️🐍. It aims to display live system performance metrics such as CPU usage, RAM usage, and running processes through a web-based dashboard 🌐📈.

🚧 Project Status: In Progress 🛠️

🎯✨ Project Objective

The goal of this project is to:

🔌 Learn real-time communication using WebSockets

🖥️ Understand system-level monitoring in Python

🧩 Build a full-stack dashboard using Flask

📊 Visualize live system metrics in a browser

🛠️⚙️ Planned Tech Stack Layer Technology 🧠 Backend Flask 🔄 Real-Time Flask-SocketIO ⚡ Async Engine Eventlet 📈 System Metrics psutil 🎨 Frontend HTML, CSS, JavaScript 📊 Visualization Chart.js 🌐 Communication WebSockets 📌🚀 Planned Features

🧮 Live CPU usage monitoring

💾 Real-time RAM usage monitoring

⚙️ Display top running processes

🔄 Automatic updates without page refresh

📈 Graphical visualization of CPU usage

🎨 Clean and responsive dashboard UI

🧱📁 Planned Project Structure system-monitor/ │ ├── app.py 🐍 ├── requirements.txt 📦 │ ├── templates/ │ └── dashboard.html 🌐 │ ├── static/ │ ├── css/ │ │ └── dashboard.css 🎨 │ └── js/ │ └── dashboard.js ⚡ │ └── README.md 📘

🔄📡 Expected Workflow

🚀 Flask server starts and initializes the application

📊 psutil collects system performance metrics

🔌 Flask-SocketIO streams live data to the browser

🖥️ Frontend updates metrics dynamically using JavaScript

📈 Charts update in real time without refreshing the page