This code was written for a year-long agile Horizon project, exploring the potential of remotely monitoring kitchen hygiene practices. The code consists of a couple of dashboards, the live dashboard that connects (using the Web Bluetooth API) to our devices to read and display live data as participants undertake a cleaning task, and the longitudinal dashboard that compares a user's aggregate data against previous participants.
The live dashboard uses react and d3 to visualise data from three bits of hardware: a smart sponge (a dishmatic sponge with an Adafruit Bluefruit Sense Feather, some bluetooth enabled weighing scales and a water flow monitor.
The longitundinal dashboard presents aggregate data against participants' average. All data is stored in-browser (I do all I can not to rely on any backends if I can..)
The feather microcontroller code for the sponge, flow monitor and weighing scales is in the feather directory.
The dashboards are in the connecteddashboard directory. The create react app template was used to create them. It uses redux for state management. Hopefully reasonably self-explanatory.