A
Anonymous

Autonomous Vehicle Monitoring - Copy this React, Tailwind Component to your project

Design an autonomous vehicle monitoring interface with a collapsible sidebar featuring sections for Dashboard, Devices, Settings, and Messages. In the Devices section, list all MQTT connected devices along with their broker and port details, with options to add or remove devices. Connection status will trigger a pop up: green for a successful MQTT connection, red for a failure (using the MQTT library). Each device will have an information panel on the dashboard, showing key metrics like velocity and angular graphs

Prompt
Component Preview

About

AutonomousVehicleMonitoring - Design a UI with a collapsible sidebar for Dashboard, Devices, Settings, and Messages, built with React an. Start coding now!

Share

Last updated 1 month ago