Listen to ESP32 GPIOs from ANYWHERE in the World [Step-By-Step Tutorial]

Learn how to listen to ESP32 GPIO pin's changes and display them in the browser.

In this video I will show you how to:
- download and set up the ESP32 Control Panel Project that we're going to extend with new functionality
- listen to GPIO pins changes and send WebSocket message only if the pin's state changes
- extend ESP32 Control Panel Web UI to show a button and potentiometer status indicators
- deploy new Control Panel changes to AWS S3 so it can be accessible on the internet

GitHub Repositories from the video:

Link to the code (final solution):

How to get started with Serverless Framework:

How to get started with ESP32, VS Code and PlatformIO:

NodeMCU 32S Development Board Specification:

Software used in the video:

Social Media:

Thank you for watching and see you soon!

00:00:00 Intro
00:00:40 Requirements
00:01:44 Project Initial Set Up
00:08:57 ESP32 PlatformIO Project Code Walk-through
00:17:34 Listening to GPIOs on ESP32 - Overview
00:21:09 Listening to GPIOs on ESP32 - Implementation
00:46:02 Uploading the Code to ESP32
00:46:41 Switch to WebUI and how to start the Web App
00:48:45 ESP32 Control Panel Project Code Walk-through
00:53:01 Listening to the Input Pins Feature Implementation
01:39:12 Circuit Diagram (Button and Potentiometer)
01:40:55 Testing the Entire Project Locally
01:44:08 Deploying the ESP32 Control Panel to AWS S3
01:44:33 How to create the infrastructure if you haven't done already
01:45:46 How to deploy changes if you have the infrastructure already created
01:47:04 How to access ESP32 Control Panel on the internet
01:48:13 The End

[joshualeyva]

Great content! Using this on a model rocket to view information in the air real time!! thanks for this!

[jayeshpathade]

The ./scripts/set-env file is not checked in as it is added to gitignore. I am not able to run yarn deploy in the websocket handler. Can the required .sh files be checked in please

[anandhukraju]

Hey Tomasz, I often get an MQTT_KEEP_ALIVE_TIMEOUT error. How do you suggest we handle such a situation/error?

[ShawankumarParida]

Can we store files(html page, pictures, other data) in an SD card connected to esp32 using Sd card module and access it by wifi?

[calrogerscal]

hey you do this project in react-native?

[Nezar]

In the fact mechanical switches, relays and other stuffs like that generating noise during switching due to metal contacts vibration. Pozdrawiam ciekawy materiał aż musze się w końcu pobawić ESP.

[alibalkis]

A very successful and must-have video thank you
Is it possible to do this with mqtt instead of aws (raspberry etc.)
(google translate ☹) help pls 😪

[prahadeesh_mk]

My brother please teach us the new esp32 MATTER Tech

[voice]

Can I discuss a project I can do with you?, How can i contact with u?

[neet]

hello，I need some help，I try to USE a “esp32s3 wroom 1” instead “esp32-s3-devkitc-1” link oled ssd1306 ，but the ssd1306 not work，I don't know if it is possible to connect like this，I want to replace the development board with a microcontroller，But I can't find information in youtube
，
In short, it can't get the screen to work, I would like to know how I can do it, I would like your advice