The idea of this project is to have a wall mounted tablet running a dashboard to control my home.
The goal is really to have one screen without any menu so I can have a global view of the more important thing in the home: alarm, lights, camera and control them.
For that, as developer, I decided to implement a dashboard with ReactJS, which seems more convenient to me than dealing with lovelace. Also, the hass API in JS is really easy to use.
I don’t know exactly yet how I will run it at the end, but for now I’m using panel_custom, that’s also why I still have the HA sidebar on the left of my screenshot, I have to hide it, but I didn’t think yet how I will run this dashboard at the end that’s why I didn’t focus on these details. If someone has some ideas I’m listening.
As iOS, MacOS user, I chose an iOS/HomeKit inspiration, but it will still evolve a lot to be more accurate.
In the future I will probably extract the Cards/Modals/Components under a separate package so it can be reused more easily by anyone.
In date of the June 28th, it’s still under development, here is a quick look of how it looks like for now
(You can notice that my cat is also tracked, for that I’m using a small beacon attached to its necklace)
Using new React homekit components (GitHub - william57m/homekit-react-components: HomeKit and iOS widgets replica for web usage)
I will regularly update this post when I have some news.