This is the main landing page. The lights in the terrarium can be switched between Day and Night mode by hitting the sun and moon ying yang. It will rotate to show the current state of the terrarium when clicked. The right hand side has the current temperatures in the controlled areas as well as the ability to set the target temperature for those zones.
This animation shows the projects Alexa integration. The dial on the page as well as the lighting and fogger is triggered by singing a line a line from A Nightmare Before Christmas to any available Alexa device connected to my account. This was done using a Hubitat Elevation. Alexa tells the hubitat to trigger a virtual switch which then sends a get request to the hardware API. The website state updates once a second to pick up the flag changing on the hardware API. Depending on freetime, this wil be refactored into an Alexa skill to trigger lighting changes, increase humidity and get the current status of the Terrarium without the need to open the dashboard.
This was an example graph to show data from the database. The data is currently hardcoded while I build the database
This was an another example graph to show data from the database. The data is currently hardcoded while I build the database
About
Planet Snake Website is the React JS front end for a Raspberry Pi 4 based ecosystem controller for my adorable daughter Sunny the Snake
