Server Dashboard banner

Server Dashboard

2 devlogs
5h 34m 13s

Project Theme A physical control panel for managing server

Key Features

Command Launcher: Triggers server scripts (network reset, shutdown) via physical MCU input. The display provides immediate success feedback.

Data Monitoring: ...

Project Theme A physical control panel for managing server

Key Features

Command Launcher: Triggers server scripts (network reset, shutdown) via physical MCU input. The display provides immediate success feedback.

Data Monitoring: Measures trends against user-defined thresholds (e.g., Temp > 40°C) set on the dashboard. Exceeding limits triggers alerts to the SBC.

Panel Editing: Users can customize visible functions or view second MCU sensor data using rotary encoder shortcuts.

Stretch Goals

Wake-on-LAN: A menu option sends Magic Packets to wake remote devices.

Safety: Specific input sequences prevent accidental actions (e.g., unwanted shutdown).

Components

SBC: 1x RPi 4 Model B (Node.js Backend, DB).

MCUs: 1x RPi Pico W (Input, Wi-Fi), 1x RPi Pico (Sensors, UART).

Peripherals: OLED 0.96" (I2C), Rotary Encoder, DHT11 Sensor, 3x Buttons.

(English translation assisted by Google Gemini)

This project uses AI

Since I am still building on my programming basics, I treat AI like a
senior developer looking over my shoulder. It helps me not just with the
code, but helps me to express my thoughts. I often draft my ideas or
documentation in my native language, and the AI helps me translate them
into clear, professional technical English. This allows me to focus on
the logic while ensuring that my code and comments are easily understood
by anyone, without getting stuck on the language barrier.
I use gemini pro because it’s licence was free for students for brief period of time.
Update I hate doing html so I use AI to generate me static pages to which I write javascript to make them dynamic.

Repository

Loading README...

mforbelak

I have generated a dashboard page for the main content using Gemini PRO. Since then, I have added frontend JavaScript for a simple form that sends a POST request to the server with basic information about the MCU to be added. I have also created a database and further structured my MVC architecture. Regarding models, I added a database entity, a repository to interact directly with the DB, and a service to format and validate the data.

Translated with Gemini

Attachment
Attachment
Attachment
0
mforbelak

I’ve created my project before knowing about HackClub so I created it here and made basic description. For now its just a basic web created as a middle ware for server script, MCU for collecting user input or data from sensors. For now its just a simple page and I am trying to make communication between all the parts working so I can move to the data collection and their visualisation and storing.

Attachment
0