Robot dashboard: Difference between revisions
Spring2026 (talk | contribs) |
Spring2026 (talk | contribs) No edit summary |
||
| Line 8: | Line 8: | ||
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 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 | 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. | The dashboard is designed to provide a foundation for future development, allowing additional widgets and functionalities to be integrated as needed. | ||
Revision as of 08:22, 13 October 2026
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
