adrianromero / myhelloiot

MYHELLOIOT is a MQTT dashboard and client application
https://adrianromero.github.io/myhelloiot/
GNU General Public License v3.0
32 stars 6 forks source link

screen wake lock #10

Open mhaberler opened 1 month ago

mhaberler commented 1 month ago

Hello Adrián,

that is an awesome project and I think we'll use it as UI vehicle in our hot air balloon sensorics project

I did a flight recently with myhelloiot displaying tanks, envelope temperature, vertical speed etc and it worked perfectly

I used a Samsung Galaxy S10 with Chrome and the only negative effect was the screen wake lock

would you agree https://www.npmjs.com/package/react-screen-wake-lock is the way to deal with that?

I'd give it a stab, but currently React beginner so will take some time

best regards

Michael

ps: browsing the source I found a lot of UI components - is using the antd documentation the right way to use those?

adrianromero commented 1 month ago

Hello Michael

First thank you very much for your nice comments.

It looks like the ability to avoid the dimming or locking the screen will be a very nice feature for MYHELLOIOT. A dashboard must be always active. I will have a look at the react-screen-wake-lock package you suggested and figure out how to implement it in MYHELLOIOT.

About the UI components, the answer is yes. All the MYHELLOIOT UI is built on top of antd https://ant.design/ so the antd documentation will be useful if you are planning to dig into the source code to create your dashboards,

Can I ask you for an screenshot of the dashboards you are building with MYHELLOIOT. It will be great to understand how people use my little project.

Best regards

mhaberler commented 1 month ago

currently the UI is super primitive - slapped together in a hurry just to show a few sensor values, css all default:

image

the purpose was just to evaluate new tank sensors and the feasibility of the PicoMQTT+myhelloiot combination

we had earlier iterations of the flight display based on Node-Red on a Linux box which looked like so:

5A5D305C-DACD-4682-88EA-B03195E26FB5

the broker publishes:

stuff I have not integrated yet is a laser altimeter

see here for an overview