cakestwix / pilotsysmon

System monitor website, written on Vue.js 2

PilotSysMon

Simple material design system monitor Vue 2 application, using Vuetify.js components and PilotSysModBackend API

OS support

Currently tested with backend running on Linux machines only! In theory, it should work on Windows and macOS, but some features may be broken.

Panels

• System overall
• CPU (load and frequency charts, detailed info only on Linux)
• Storage devices (mountpoints, options and filled space)
• System memory (RAM and swap load charts)
• Network stats (real-time bandwidth measuring, network interfaces info)
• Log viewer (works only on Linux with systemd!)

Screenshots

Deploy

1. Install npm on your Linux distribution
2. Clone this repo: git clone https://github.com/SanyaPilot/PilotSysMon
3. Install backend referring to it's installation instruction
4. Cd into the previously cloned project repo
   Execute npm install to install all required dependencies
5. Adjust URL to backend API by editing src/API/common.js.
   Just replace string "http://localhost:8000" with anything you want

Development build

Just hit npm run serve and all is set! This will execute development server at localhost:8080

Production build

To create production-optimized build without any useless debugging to deploy on your preferred HTTP server (Nginx or Apache for example), execute

npm run build

Ready production build files will be placed into the dist directory at the project root