Skip to main content
#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">

Stars Forks License Platform

</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 VitalsMonitor CPU, RAM, Disk IO, and Battery charging status in real-time.
Heavy Process TrackerLive top 5 intensive processes with absolute Insta-Kill action (PID-based).
📜 Historical Logs24-Hour activity logs and average system load saved in SQLite.

🎯 Key Features

Functionality / Command Controls

FeatureStatusDescription
Real-time PollingFetch CPU per-core loads, RAM capacity, and active battery states.
Process Kill EngineDispatches hard linux exit processes (kill -9 {pid}) directly.
Power ManagementControl system states: Shutdown, Reboot, and Suspend commands.
Safe Mode ToggleDynamically reduces metric query loops from 2s to 5s on low battery.

Technical Capabilities

CapabilityStatusDescription
WebSocket StreamNative socket.io channel keeping updates instant & server load light.
Historical ArchivePersistent database tracking system logs using local SQLite3.
Gothic Dark UIBeautifully 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>