SureePi is a React + Vite dashboard for monitoring a self-hosted homelab node. This repository is a safe portfolio/demo version of the original dashboard: it keeps the frontend experience, but replaces the private backend with realistic mock data.
- Live-style system telemetry for CPU, memory, storage and temperature
- Docker container overview
- Storage activity and event log views
- Raspberry Pi system details
- Secondary Dell node status
- Game server status and console-style controls
- Admin control panel UI with simulated actions
- PWA-ready configuration
| Control Center | System Console |
|---|---|
![]() |
![]() |
| Docker | Game Server |
|---|---|
![]() |
![]() |
| Storage | Additional Node |
|---|---|
![]() |
![]() |
The real dashboard runs against a private backend on a home server. This public version does not include that backend, any databases, credentials, private IP configuration, or real control access.
All /api/* requests are intercepted in the browser by src/demo/mockApi.js, which returns demo data and simulated success responses. Buttons such as service restart, power actions and server controls do not touch any real infrastructure.
- React
- Vite
- React Router
- Recharts
- Lucide React
- Vite PWA
- Plain CSS
src/
admin/ Dashboard shell and page layout
components/ System, storage, Docker and control panels
demo/ Browser-side mock API
minecraft/ Minecraft dashboard page
App.jsx Dashboard-only routing
main.jsx App entry point and demo API bootstrap
npm install
npm run devThen open the local Vite URL shown in the terminal.
npm run buildDemo mode is enabled by default:
VITE_DEMO_MODE=trueSet VITE_DEMO_MODE=false only in a private environment with a compatible backend.
This project was extracted from a working homelab dashboard and reduced to a dashboard-only public version. The goal is to show the frontend, UI structure and infrastructure-monitoring workflow without exposing the real server.






