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.

1. 1. 1. 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

File:Billede.png

Figur 1

Developers note

Set up

Backend

Frontend