The visual centerpiece of my monitoring ecosystem. This web interface serves as a real-time dashboard for the C++ WatchGuard (ServerCheck), providing a centralized overview of my hosted services' status along with additional informative modules.
- Live Process Monitoring: Visualizes data provided by the C++ backend. Status changes (Active/Inactive) are reflected instantly in the browser.
- Smart Weather Station: Location-based weather data powered by the OpenWeather API with seamless Geolocation integration.
- Modern Responsive Design: Optimized for display in lab environments, desktops, and mobile devices.
- Robust Data Bridge: Asynchronous handling of the
status.jsonbridge to prevent UI crashes during file write operations (handling "Unexpected JSON end" errors).
The system follows a decoupled architecture:
- Backend (C++): The ServerCheck tool monitors system processes and periodically exports their status to a
status.jsonfile. - Frontend (JS/HTML): This dashboard consumes the JSON data via the Fetch API and processes it asynchronously to provide a "zero-refresh" user experience.
- Frontend: HTML5, CSS3 (Modern UI with CSS Variables)
- Scripting: Vanilla JavaScript (ES6+)
- Infrastructure: Nginx Webserver
- API: - OpenWeatherMap for meteorological data.
- Clone the repository into your Nginx html directory:
git clone [https://github.com/Nebirr/Nebirrs-Lab-Web.git](https://github.com/Nebirr/Nebirrs-Lab-Web.git)