Discover a step-by-step guide on how to connect, visualize, and control your devices using Node-RED, MQTT, and the new Node-RED Dashboard 2.0. We will create a web user interface that will control our Arduino electronic circuits without writing any HTML/CSS/Javascript
WriteUp:
www.donskytech.com/node-red-dashboard-2-0-mqtt/
Code:
Node-Red/Dashboard 2.0/MQTT Flow:
github.com/donskytech/node-red-projects/tree/main/node-red-dashboard-2.0-arduino-mqtt
Arduino Program:
github.com/donskytech/platformio-projects/tree/main/esp32-projects/esp32-mqtt-node-red-control
Contents of the Video:
0:00 - Intro
1:03 - Project Demo
4:05 - DonskyTech Plug
4:29 - Node-Red Dashboard 2.0 Setup and Configuration
16:32 - Mosquitto MQTT Setup
28:22 - Arduino Project Setup
34:09 - Basic Node-Red Dashboard 2.0 Themes setup
34:09 - Basic Node-Red Dashboard 2.0 Themes setup
38:02 - Outro
Parts/Components Used in this project:
Windows 11 Laptop - amzn.to/3wlBmTt
or Raspberry Pi 5 Kit - amzn.to/3UWSokR
ESP32 - amzn.to/3X9b7rA
RGB LED Module - amzn.to/3X4Oynl
SG90 Servo - amzn.to/3OMBBNx
or MG90 - amzn.to/3SZL1aW
LED - Amazon | AliExpress
Resistors (220 Ohms) - amzn.to/3vFP1RO
Capacitors (450 uF) - amzn.to/3wxyxyJ
Bench Power Supply - amzn.to/3HChEpI
Breadboard - amzn.to/3GDnbeW
Connecting Wires - amzn.to/3VSe7HO
If you like my posts or videos then please consider subscribing to my channels and sharing them with your friends:
Website: www.donskytech.com
TH-cam: th-cam.com/users/DonskyTech
Facebook: DonskyTech
Twitter: DonskyTech
If you are generous and think I have helped you, please consider buying me a coffee. 🙂
Paypal:
donsky.iot.tech@gmail.com
Buy Me a Coffee:
buymeacoffee.com/donskytech
Patreon:
www.patreon.com/donskytech
#nodered
#node-red
#node-red-dashboard
#dashboard2.0
#dashboard2
#mosquitto
#mqtt
#arduino