React Frontend of Leuchtknoten.
preview-small.mp4
It features an interactive node editor, which is used to create patterns for the LED controller running on the esp32.
The goal was to make the frontend small enough to fit on the esp32 flash, so it can be served directly from there.
Please note that currently the hostname of the led controller is hard coded as REACT_APP_BASE_URL in /.env. When you change the hostname of the controller you have to adjust this here as well.
After running the frontend locally or accessing the frontend from the LED controller you can:
- Create a new pattern
- Open/edit existing pattern
- Change led controller settings
Use yarn install to install all dependencies and yarn start to run the frontend locally.
After making changes you need to run yarn build. It will merge all styles and javascript into a single static .html so it can't easily be served from the esp. Just copy /public/index.html to your data folder of Leuchtknoten and rebuild / reupload the file system.
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.