476.ESP32 IoT Shield PCB with Dashboard for Outputs and Sensors We will walk you through the process of constructing an Internet of Things shield PCB for the ESP32 as well as a web server dashboard to manage it. The shield includes a BME280 sensor, which measures temperature, humidity, and pressure; an LDR, which measures how sensitive an object is to light; a PIR motion sensor; a status LED; a pushbutton; and a terminal

socket, which can be used to connect a relay module or any other type of output. IoT Shield Features The Internet of Things sensor shield was made specifically to be stacked atop an ESP32. Because of this, in order to use our PCB, you will need an ESP32 board that is identical to ours. The board that we're using is an ESP32 DEVKIT DOIT V1 (the model with 36 GPIOs). You can still complete this project even if you have a different model of ESP32 by building the circuit on a breadboard or modifying the PCB layout and wiring so that it is compatible with your ESP32 board. The shield includes the following components: a BME280 temperature, humidity, and pressure sensor; a light-dependent resistor (LDR); a passive infrared (PIR) motion sensor; a status on-board LED and pushbutton; a three-pin socket that provides access to GND, 5V, and a GPIO where any output can be connected; and an on-board LED that displays the current status of the shield (like a relay module for example). ESP32 IoT Shield Pin Assignment The pin assignments for each component of the Internet of Things shield

Web Server (IoT Dashboard) Features We will construct a web server so that the shield can be controlled. You can, however, program the sensor shields however you like using any other web server, or you can integrate it with a home automation platform if you so choose. The following is a list of the web server features that can be used to control

You are required to log in with a username and password before you can access the web server (read: ESP32 Web Server HTTP Authentication: Username and Password Protected). You will be able to access the web server once you have successfully authenticated yourself using the appropriate credentials. You can log out of the website by clicking the icon that is located at the very top of the page. After that, you will be required to log in once more.

There are two toggle switches: one controls the output socket, and the other controls the status LED that is located on the board. The status LED can also be controlled by pressing the button that is physically located on the shield. The status of the LED will be updated on the website at regular intervals (like in this tutorial: Control Outputs with Web Server and a Physical Button Simultaneously). You can activate or deactivate something on the ESP32 by using the toggle switch for the status LED, and the LED will provide you with visual feedback of what is occurring. On the web server, the temperature, humidity, and luminosity values are presented, and they are kept up to date automatically through the utilization of server-sent events (SSE). At long last, there is a card that indicates whether or not motion was picked up. You can dismiss the "Motion Detected" warning by clicking on the card after you have been notified that motion has been detected. These are the primary functions that will be included in the ESP32 IoT dashboard that we are going to develop. Testing the Circuit on a Breadboard It is essential to test the circuit on a breadboard prior to designing and constructing the PCB shield. You can still complete this project even if you don't want to make a PCB by building the circuit on a breadboard instead of a printed circuit board.

DOIT ESP32 DEVKIT V1 Board 2x 5mm LED 2 resistors with 330 Ohm each 1x BME280 (4 pins) (4 pins) 1x mini-PIR motion sensor 1x light dependent resistor 2x 10k Ohm resistor 1x pushbutton Breadboard A set of jumper wires

Testing the Multisensory Shield Start up the Serial Monitor with the baud rate set to 112500. To print the ESP IP address, you will need to press the ESP32 RST button.

Launch your web browser, then type the ESP32's IP address into the address bar. The page that you've requested should load now. To access the web server, enter your username and password in the appropriate fields. Both the username and password for the account are set to admin by default. You have the ability to alter that in the code. Following the successful entry of the correct credentials, you will have access to the functionalities of the dashboard. There are two toggle switches: one controls the additional output, while the other controls the status LED.

The shield's status LED can be controlled using both the toggle switch and the physical button on the shield. On the website, the current state is always displayed in the most recent version. There is an additional button that can be toggled to control an additional output, such as a relay module. The most recent sensor readings can be seen on the web server. Automatically using server-sent events, the readings are synchronized and updated once every ten seconds. This indicates that whenever the ESP32 obtains new readings, it notifies the client by way of an event (your browser). When this event takes place, the fields get refreshed with their most recent readings. At long last, there is a card that indicates whether or not motion was picked up by the camera. The message "Motion Detected" appears on the screen whenever motion is recognized. Additionally, using server-sent events, this message is kept up to date automatically. Following the display of this notification, you will be able to access the motion card by clicking on it. It will get rid of the warning message and

instead display the words "No motion." We are hopeful that you have found this project to be helpful and that you will be able to construct it on your own. You are free to use any other code that is suitable for your purposes when programming the IoT Shield. For instance, you are able to control the output in accordance with the current temperature value.