Robot dashboard
Introduction
The Robot Dashboard is a browser-based application developed to provide a centralized interface for monitoring and interacting with autonomous robots but as fo. The dashboard enables users to visualize real-time robot data, monitor system status, and interact with different robot components through a customizable interface.
The application was developed as part of a bachelor's project at the Technical University of Denmark (DTU) in Spring 2026. Its main objective was to create a flexible and user-friendly platform that simplifies robot monitoring and interaction without requiring users to work directly with the underlying communication systems.
The dashboard is specifically designed for the type 'Robobot' and is currently only compatible with this robot type. While the system has a modular architecture that allows for future extensions, supporting other robot types would require additional development and modifications to the existing implementation.
The dashboard consists of a frontend built with React, TypeScript, and Tailwind CSS, and a backend developed using Node.js and Express. Communication between the dashboard and the robots is handled through MQTT, while Socket.IO enables real-time updates between the backend and frontend.
Key Features
- Real-time monitoring: Displays live robot information, including position, status, and sensor data.
- Customizable dashboard: Allows users to organize and interact with different widgets across multiple tabs.
- Robot interaction: Provides an interface for monitoring and interacting with robot components.
- Widget-based interface: Includes widgets for robot information, position, driver controls, edge sensors, and debugging.
- User authentication: Restricts dashboard access through a password-based login system.
The dashboard is designed to provide a foundation for future development, allowing additional widgets and functionalities to be integrated as needed.
Developers note
This following section is for developers
