How to Stream Sensor Data from the Raspberry Pi Pico W to a React App in Real-Time using ApexCharts
Learn how to stream real-time sensor data from the Pico W to a React application with dynamic charts using ApexCharts. We use 4 stacks of technology in this video, all of which are free!
1-) MicroPython the Raspberry Pi Pico W and a sensor
2-) MQTT Broker HiveMQ
3-) NodeJS Backend with Websockets and HTTP Server
4-) React Frontend with ApexCharts for Dynamic Visualization
Where to buy the sensor I used in this video:
https://www.amazon.com/dp/B0BMY15TC4?...
Where to find the library code needed:
simple.py -
https://github.com/micropython/microp...
robust.py -
https://github.com/micropython/microp...
How to connect to wifi with the Pico W:
• How to Connect to WIFI/Internet with ...
How to use MPU6050 with the Pico W:
• How to use MPU6050 with Raspberry Pi ...
HiveMQ:
https://www.hivemq.com/
ApexCharts Docs:
https://apexcharts.com/docs/installat...
Link to Medium Article:
https://towardsdev.com/stream-sensor-...
TIMESTAMPS:
00:00 Intro
00:10 Example/Background
00:52 Create HIVEMQ Account
1:58 MicroPython Libraries and Code
6:22 NodeJS Code
9:48 React Code
14:25 Putting it All Together
16:27 Subscribe :)