This webapp is the control interface of my custom built smart home.
How it works
I used a Raspberry Pi as MQTT brooker. I wrote scripts for multiple NodeMCUs (small powerful boards with WiFi) to listen to MQTT topics. These NodeMCUs are sending serial signals to PWM servo controllers. These controllers are linked to transistors which control the color and brightness of the LED strips, and toggle relays on and off.
I only have one backend in this version of my smarthome. The backend is responsible to handle the authenticaton, bundle Fritz! API and Philips Hue API and handle MQTT messages.
The frontend is a React Webapp again. It decreases the update time for my parents and allows me so control my Smarthome from any device.