#02
C Dashboard
Real-time system Command Center. Monitor CPU/Memory, control processes, historical logs in SQLite. React + Vite + Tailwind CSS v4, Node.js + Socket.io & systeminformation.
JavaScriptReactNode.jsSocket.ioSQLiteSystem MonitorProductivity
<p align="center">
<img src="assets/dashboard.png" alt="Header Banner" width="100%"/>
</p>
<h1 align="center">C Dashboard</h1>
<p align="center">
<strong>Nexus of Curzy Cloud Local System command center</strong>
</p>
<div align="center">
</div>
<p align="center">
<a href="#-why-c-dashboard">Why This</a> ·
<a href="#-key-features">Features</a> ·
<a href="#%EF%B8%8F-architecture">Architecture</a> ·
<a href="#-quick-start">Quick Start</a> ·
<a href="#-security--power">Security & Power</a>
</p>
🕒 Why C Dashboard?
A high-performance, real-time command center designed for Strategic System Oversight. Optimized for Ubuntu 24.04 LTS, it bridges the gap between hardware abstraction and user interaction.
| 📊 Real-time Vitals | Monitor CPU, RAM, Disk IO, and Battery charging status in real-time. |
| ⚡ Heavy Process Tracker | Live top 5 intensive processes with absolute Insta-Kill action (PID-based). |
| 📜 Historical Logs | 24-Hour activity logs and average system load saved in SQLite. |
🎯 Key Features
Functionality / Command Controls
| Feature | Status | Description |
|---|---|---|
| Real-time Polling | ✅ | Fetch CPU per-core loads, RAM capacity, and active battery states. |
| Process Kill Engine | ✅ | Dispatches hard linux exit processes (kill -9 {pid}) directly. |
| Power Management | ✅ | Control system states: Shutdown, Reboot, and Suspend commands. |
| Safe Mode Toggle | ✅ | Dynamically reduces metric query loops from 2s to 5s on low battery. |
Technical Capabilities
| Capability | Status | Description |
|---|---|---|
| WebSocket Stream | ✅ | Native socket.io channel keeping updates instant & server load light. |
| Historical Archive | ✅ | Persistent database tracking system logs using local SQLite3. |
| Gothic Dark UI | ✅ | Beautifully styled dashboard using Tailwind CSS v4 and Framer Motion. |
🏗️ Architecture
c-dashboard/
├── backend/
│ ├── database.js # SQLite Schema declarations and connection instance
│ ├── server.js # Express server with Socket.io streaming & REST routes
│ └── system_monitor.db # Local SQLite database
└── frontend/
├── src/ # React SPA modules
└── vite.config.js # Fast Vite build configuration
🚀 Quick Start
Installation & Setup
# Clone the repository
git clone https://github.com/Curzyori/c-dashboard.git
cd c-dashboard
# Start the Core Backend service
cd backend
npm install
npm start
# In a new terminal, launch the Frontend client
cd ../frontend
npm install
npm run dev
📄 License
This project is released under the MIT License — free for educational, personal, and research purposes.
☕ Support
If this project is useful, consider supporting its development!
<p align="center"> <a href="https://donate.curzy.dev/"><strong>💝 Donate via Crypto or QRIS</strong></a> </p>Crypto payment details are maintained at donate.curzy.dev.
<sub>Built with passion as the 2nd Project of the 50 Projects Challenge by @curzyori</sub>