Alcohol Levels down and Website Lookin’ Nice!
BreatheEasy - DEVLOG#5 Advanced protype and website completion
Hello everyone! Hope you’re doing well!
On my last Devpost I showed you my early prototype of the BreatheEasy, however I have now made an even more advanced prototype (still breadboard based) that includes an MQ-3 and the DHT11 (the MQ-3 is temporary, for the final build I will replace it with the MQ-135 and the sensor is being powered by a battery that will be changed the the USB port of the PCB), because I wanted to test the functionality of the voltage divider and also measure power draw.
Happy to report the power draw is withing standard limits - 135mA
Now let’s get into the highlight of the show:
THE UPDATED WEBSITE!!! =D
The website now includes a modern, sleek looking dashboard that list a couple of things:
- Current temperature
- Current humidity
- The Alcohol sensor status and reading
- The latest system event
- Uptime and Update time
The system event can range from High temperature, Low temperature, High humidity, High alcohol etc.
But how does it all work?
The ESP32 measures the data, and sends them to the browser visiting the URL via a JSON string.
The info then gets displayed on the actual website.
If the ES32 detects any abnormalities in the readings, the browser will play an alarm sound notifying the user of the potential danger.
The neat part is the actual rendering isn’t done by the ESP32, so that saves a TON of computing power.
For the colors of the website I used a site called “ColorHunt”. It features amazing color combinations for any type of website.
Finally, what’s next??
Waiting. For the parts to arrive. Packages in Greece take notoriously long to arrive but I’m hoping I can assemble a final prototype by the end of the week.
)