Robot dashboard
Introduction
The Robot Dashboard is a browser-based application developed to provide a centralized interface for monitoring and interacting with autonomous robots. 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 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.
This is intro.
- bullit list
then it is code
Figur 1
