DESIGN ME A GUI FOR DATA COMING FROM MQTT WEBSOCKET
I need a web user interface for my IoT project. There are some devices sending and receiving messages over MQTT. I can take the messages from clients directly from ready to go client softwares(already written). But I want to publish messages by using buttons and slidebars. In the same time I want to convert the messages from subscribed topics to virtual Leds on my gui.
So I have a IoT device sending data and receiving data over mqtt. But I dont want to write message to send a data to that devices. I want to send messages to that devices by pressing a button or sliding a slidebar on the GUI. I dont want to see messages directly from device. I want to see the messages with graphical interface like virtual leds.
I have more than one devices and I want to see them on google maps api. When I click a pointer on google maps api, the gui of that device must be shown at that popup. And if I click on another pointer(device) on map it must open a new popup.