Robot dashboard
Introduction
- 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 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
