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
👍 Subscribe for more IoT and programming tutorials like this: / @tomasztarnowski4434
GitHub Repositories from the video:
github.com/ttarnowski/esp32-w...
github.com/ttarnowski/esp32-w...
github.com/ttarnowski/esp32-c...
Link to the code (final solution):
ESP32 Project - github.com/ttarnowski/esp32-w...
WebSocket Server Code - github.com/ttarnowski/esp32-w...
ESP32 Control Panel (React) - github.com/ttarnowski/esp32-c...
How to get started with Serverless Framework:
• Getting started with A...
How to get started with ESP32, VS Code and PlatformIO:
• Getting Started with E...
ESP32 Datasheet Specification: www.espressif.com/sites/defau...
NodeMCU 32S Development Board Specification:
circuits4you.com/2018/12/31/e...
Software used in the video:
Visual Studio Code IDE: code.visualstudio.com/
PlatformIO Extension: platformio.org/platformio-ide
Clang-Format Extensions (Code Formatter): marketplace.visualstudio.com/...
Social Media:
Twitter: / t_tarnowski​
Linkedin: / tomasz-ta...​
GitHub: github.com/ttarnowski​
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

[@joshualeyva8424]

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

[@tomasztarnowski4434]

Sounds like a cool project!

[@butonatorix]

Great information and details!

[@tomasztarnowski4434]

Thank you :)

[@86Nezar]

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.

[@anandhukraju9382]

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?

[@jayeshpathade8320]

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

[@alibalkis5240]

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 😪

[@neet9599]

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

[@tomasztarnowski4434]

Hi 不想当NEET兔,
check out one of my former videos about I2C OLED screens: th-cam.com/video/LvrWl5jgBZY/w-d-xo.html
it was with the 1306 model you have I wired it up with ESP8266 but should work similarly with ESP32.

[@neet9599]

@@tomasztarnowski4434 Oh thanks,I get it!

[@calrogerscal7018]

hey bro.......can you do this project in react-native?

[@prahadeesh_mk]

My brother please teach us the new esp32 MATTER Tech

[@tomasztarnowski4434]

Hi Prahadeesh, I will look into it.

[@voice7758]

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

[@tomasztarnowski4434]

you can contact me via email - you can find in the "About" section on the channel page

[@mailmail7521]

Hi Tomasz, can I use esp32 devkit board for commercial product?