DIY Smart Weather Station with ESP32-S3 Touch Display and Environmental Sensors

ESP32 Display Module

ESP IDF

7Semi BME280 Sensor

<html><body><p>Monitoring environmental conditions is useful for many applications, from indoor climate observation to educational IoT projects. Instead of using multiple displays and external controllers, this project combines sensing and visualization into a single compact system built around the ESP32-S3 Smart Display. </p><p>The device continuously tracks several weather-related parameters and presents them through a colorful touchscreen interface. Temperature, humidity, atmospheric pressure, altitude, rainfall status, and ambient light conditions are all updated in real time, creating a miniature weather station that can be placed on a desk, workbench, or classroom table. </p><p>What makes this project interesting is the use of the LVGL graphics framework, which transforms raw sensor readings into an intuitive dashboard with icons and dynamically changing values. </p><h3>Features</h3><ol><li>Real-time temperature monitoring </li><li>Humidity measurement </li><li>Atmospheric pressure sensing </li><li>Altitude estimation </li><li>Rain detection </li><li>Day and night indication </li><li>Interactive 2.8-inch touchscreen dashboard </li><li>LVGL-based graphical interface </li><li>ESP-IDF firmware framework </li></ol><h3>How the System Operates</h3><p>Rather than relying on a single sensor, the weather station combines information from three different sensing modules. Each module contributes a specific piece of environmental information, while the ESP32-S3 processes the data and updates the graphical display. </p><p>The BME280 sensor serves as the main environmental sensor. It measures temperature, relative humidity, and barometric pressure. Since pressure changes with elevation, the firmware can also estimate altitude from the pressure readings. </p><p>A rain sensor monitors the presence of water droplets. Whenever moisture bridges the conductive tracks on the sensing plate, the output changes, allowing the system to determine whether rainy conditions are present. </p><p>An LDR module measures surrounding light intensity. By comparing the analog value with predefined thresholds, the firmware determines whether the environment corresponds to daytime or nighttime. </p><p>All these measurements are processed by the ESP32-S3 and visualized through the touchscreen interface. </p><h3>Why Use an ESP32-S3 Smart Display?</h3><p>Traditional weather station projects usually require a separate microcontroller board and a TFT display module. In this design, both functions are integrated into a single device. </p><p>This provides several advantages: </p><ol><li>Reduced wiring complexity </li><li>Compact hardware design </li><li>Faster GUI development </li><li>Touchscreen support </li><li>Sufficient processing power for graphics and sensor handling </li></ol><p>The built-in ESP32-S3 is capable of reading sensors, processing data, and rendering the graphical interface simultaneously. </p><h3>Software Requirements</h3><p>The software environment used for developing this project includes: </p><p>Visual Studio Code (v1.116.0 or later) </p><p>ESP-IDF Extension (v1.11.1 or later) </p><p>ESP-IDF v5.3.5 </p><p>Python 3.11.2 </p><p>Bosch BME280 Library </p><p>LVGL Port v8.4.0 </p><p>It is recommended to install all software packages using their default installation paths. </p><h3>Main Components Used</h3><ol><li>VIEWE 2.8-inch ESP32-S3 Smart Display </li><li>BME280 Sensor </li><li>Rain Sensor </li><li>LDR Sensor </li><li>Breadboards </li><li>Jumper Wires </li></ol><h3>Building the Weather Dashboard</h3><p>This project uses the Light and Versatile Graphics Library (LVGL). </p><p>LVGL provides a collection of graphical objects such as icons, labels, etc. </p><p>These elements are used to construct a modern dashboard that continuously refreshes sensor values and presents weather information in a user-friendly manner. </p><h3>Real-Time Data Flow</h3><p>The operation of the weather station follows a continuous cycle: </p><p>1. Sensors collect environmental information. </p><p>2. The ESP32-S3 acquires sensor readings. </p><p>3. Raw values are converted into meaningful parameters. </p><p>4. Rain and day/night conditions are determined. </p><p>5. The graphical interface is updated. </p><p>6. The process repeats continuously. </p><p>As a result, the display always shows the latest environmental conditions. </p><h3>Circuit Connections</h3><p> </p><figure><img src="https://projects.arduinocontent.cc/b8a58b60-c80b-401a-ab42-6b6304bb14cf.png"/><figcaption></figcaption></figure><p>The hardware design of this weather station is intentionally kept simple by connecting all sensors directly to the ESP32-S3 Smart Display module. The system combines a BME280 environmental sensor, a rain sensor, and an LDR module to collect real-time information about the surrounding environment. Since all devices operate at 3.3V, the wiring remains straightforward and minimizes the need for additional components. </p><p><strong>BME280 Sensor Interface </strong></p><p>The BME280 sensor is responsible for measuring temperature, humidity, and atmospheric pressure. In addition, the atmospheric pressure readings are used by the firmware to estimate altitude. The sensor communicates with the ESP32-S3 using the I2C protocol, which requires only two signal lines. The sensor is powered from the 3.3V output of the display module, while its ground pin is connected to the common ground. For communication, the SDA line of the BME280 is connected to GPIO9 and the SCL line is connected to GPIO10. Through this interface, the ESP32-S3 periodically retrieves calibrated environmental data and updates the weather dashboard in real time. </p><p><strong>Rain Sensor Interface </strong></p><p>To detect rainfall conditions, a rain sensor module is connected to the ESP32-S3 through its analog output. The sensor is powered from the same 3.3V supply and shares a common ground with the rest of the system. Its analog output pin is connected to GPIO7, which is configured as an ADC input. Whenever water droplets accumulate on the sensing plate, the conductivity of the sensor changes, resulting in a variation in output voltage. By continuously monitoring this voltage, the ESP32-S3 determines whether the surface is dry or exposed to rain and accordingly updates the rainfall status on the display. </p><p><strong>LDR Sensor Interface </strong></p><p>Ambient light conditions are monitored using an LDR sensor module. Similar to the other sensors, the module receives power from the 3.3V supply and shares the common ground connection. The analog output of the LDR module is connected to GPIO6 of the ESP32-S3. As the surrounding light intensity changes, the resistance of the LDR varies, producing different voltage levels at the output. The ESP32-S3 continuously reads these values and compares them with predefined thresholds to determine whether the environment corresponds to daytime or nighttime conditions. </p><p><strong>Power Distribution and Data Acquisition </strong></p><p>All sensors used in this project operate at 3.3V and share a common ground with the ESP32-S3 Smart Display module. Maintaining a common reference ground ensures stable operation and reliable sensor readings. Once the system is powered, the ESP32-S3 continuously gathers information from the BME280 sensor, rain sensor, and LDR module. The acquired data is processed in real time and displayed through an interactive dashboard designed using the LVGL graphics library, allowing users to monitor environmental conditions at a glance. </p><h3>Understanding the Software Structure</h3><p>The firmware of this Smart Weather Monitoring System is organized into two primary source files that separate the user interface from the sensor management logic. This modular approach improves readability and makes the project easier to maintain and expand.</p><p>The `main.cpp` file acts as the heart of the application. It is responsible for initializing the ESP32-S3 Smart Display, setting up the LVGL graphics framework, configuring the sensors, and managing the overall execution flow. Once the system starts, this file continuously retrieves environmental data and updates the touchscreen dashboard with the latest readings. In other words, `main.cpp` controls what the user sees on the display and coordinates the interaction between different parts of the program.</p><p>The second file, `sensors.c`, is dedicated to sensor-related operations. Instead of handling graphical elements, it focuses on acquiring measurements from the BME280 sensor, rain sensor, and LDR module. It processes raw sensor readings and converts them into meaningful values that can be used by the main application. By separating sensor handling from the user interface, the program becomes cleaner and easier to understand.</p><h3>Output</h3><figure><iframe src="https://youtu.be/od5DNXViYqA"></iframe></figure><h3>Conclusion</h3><p>This project demonstrates how the ESP32-S3 Smart Display can be transformed into a compact and feature-rich weather station by combining the BME280 sensor, rain sensor, and LDR module. Besides monitoring temperature, humidity, pressure, altitude, rainfall, and ambient light conditions, the project also showcases the power of the ESP-IDF framework and LVGL graphics library for building attractive real-time dashboards. </p><p>Whether you are exploring embedded systems, sensor interfacing, or GUI development, this project provides an excellent hands-on learning experience while producing a practical weather monitoring device. </p><p>For a detailed explanation, complete source code visit: </p><p>https://playwithcircuit.com/how-to-build-a-weather-monitoring-system-using-esp32-s3-smart-display-and-lvgl/ </p><p> </p></body></html>