Close Menu
  • Articles
    • Learn Electronics
    • Product Review
    • Tech Articles
  • Electronics Circuits
    • 555 Timer Projects
    • Op-Amp Circuits
    • Power Electronics
  • Microcontrollers
    • Arduino Projects
    • STM32 Projects
    • AMB82-Mini IoT AI Camera
    • BLE Projects
  • IoT Projects
    • ESP8266 Projects
    • ESP32 Projects
    • ESP32 MicroPython
    • ESP32-CAM Projects
    • LoRa/LoRaWAN Projects
  • Raspberry Pi
    • Raspberry Pi Projects
    • Raspberry Pi Pico Projects
    • Raspberry Pi Pico W Projects
  • Electronics Calculator
Facebook X (Twitter) Instagram
  • About Us
  • Disclaimer
  • Privacy Policy
  • Contact Us
  • Advertise With Us
Facebook X (Twitter) Instagram Pinterest YouTube LinkedIn
How To Electronics
  • Articles
    • Learn Electronics
    • Product Review
    • Tech Articles
  • Electronics Circuits
    • 555 Timer Projects
    • Op-Amp Circuits
    • Power Electronics
  • Microcontrollers
    • Arduino Projects
    • STM32 Projects
    • AMB82-Mini IoT AI Camera
    • BLE Projects
  • IoT Projects
    • ESP8266 Projects
    • ESP32 Projects
    • ESP32 MicroPython
    • ESP32-CAM Projects
    • LoRa/LoRaWAN Projects
  • Raspberry Pi
    • Raspberry Pi Projects
    • Raspberry Pi Pico Projects
    • Raspberry Pi Pico W Projects
  • Electronics Calculator
How To Electronics
Home » DIY ESP32 Based Smart Clock with Weather Forecasting
ESP32 Projects IoT Projects

DIY ESP32 Based Smart Clock with Weather Forecasting

Mamtaz AlamBy Mamtaz AlamUpdated:August 20, 20221 Comment5 Mins Read
Share Facebook Twitter LinkedIn Telegram Reddit WhatsApp
Share
Facebook Twitter LinkedIn Pinterest Email Reddit Telegram WhatsApp

Overview

In this project, we will make a DIY ESP32 Based Smart Clock for Weather Forecasting System. A couple of weeks ago I got an electronics kit from Makerfabs which had so many active and passive electronic components. The board also had a PCB Board with SMD components assembled on it. It also included a 1.44” LCD Display along with a 3D Casing. This complete package can be used to design a Smart Clock with Weather Forecasting & Alarming System.

ESP32 Smart Clock Kit

You can also make a real-time clock, which can get the world real-time from the Network timing protocol. You can also set your local time zone easily. It also features an Alarm clock, with a loud noise. And the third best part is it has an online world weather forecaster which gives the data about the local temperature and humidity. You can easily change or alter your address or cities without any re-programming.

Before starting you can follow our ESP32 NTP Clock post to learn more about Network Time Protocol. And in order to purchase this kit, you can visit the Makerfabs Link to directly purchase the kit.




Features: ESP32 Based Smart Clock with Weather Forecasting

  1. ESP32 WROOM module: WiFi, Bluetooth, 4MB Flash
  2. 1.44inch 128128 color display, ST7735 driver
  3. Micro USB interface for programming
  4. Support Arduino IDE
  5. 450mAh Lithium-Ion battery
  6. Support Battery Charging
  7. Plug-in components, easy soldering

Design & Schematic

The following is the schematic for the project DIY ESP32 Based Smart Clock with Weather Forecasting System.

The ESP32-WROOM-32 chip with WiFi and Bluetooth capability is the heart of the project. The LED indication and 3 different push-button switches are directly connected to the ESP32 digital Pin. The 1.44″ SPI Color LCD is interfaced to ESP32 via SPI Pins. The two SMD Push buttons for Reset and Program are connected via transistor for auto programming. This means you don’t need to press any button while uploading the code.

The board has a USB-to-Serial Converter IC CP2104. The CP2104 is a highly-integrated USB-to-UART Bridge Controller providing a USB
2.0 full-speed function controller & USB transceiver function for uploading the firmware. The board also feature some low power voltage regulator along with MCP73831 Battery Charging IC for Battery Management & Charging.

The device is powered via a 3.7V Lithium-Ion battery which makes the device portable. You can also power the device using the USB Cable.


PCB, Part List & Components

The ESP32 Based Smart Clock with Weather Forecasting System Kit contains the following tools inside the box.

  1. ESP32 SmartClock Kit Mainboard
  2. Batch of Capacitors& Resistors/Connectors
  3. Colorful LCD Module
  4. Lipo Battery
  5. Acrylic Boards
  6. Nuts & screws


The front part of the PCB looks something like this.

There are SMD Components that are already soldered on the PCB Board. We need to solder the through-hole components both on the front side and also on the backside. On the backside, we need to solder the three pushbuttons and the LCD Display.

Here is the part list that will help you to solder the components on the board.

After soldering is done, the front and backside look as follows.

ESP32 Smart Clock

ESP32 Based Weather Forecasting


Source Code: ESP32 Smart Clock with Weather Forecasting

The kit comes with pre-programmed firmware. Incase you want to go through the code and make any changes, the you can go to the following Github respository.

Download:ESP32 Smart Clock Code

The code has the following header file.

1
2
3
4
5
6
7
8
#include <Adafruit_GFX.h>    // Core graphics library
#include <Adafruit_ST7735.h> // Hardware-specific library for ST7735
#include <SPI.h>
#include "wifi_save.h"
#include <WiFi.h>
#include "time.h"
#include <ArduinoJson.h>
#include <HTTPClient.h>

This is the reason why you need to add following libraries to the Arduino Library Folder.
1. Adafruit_GFX library: https://github.com/adafruit/Adafruit-GFX-Library
2. Adafruit_ST7735 library: https://github.com/adafruit/Adafruit-ST7735-Library
3. ArduinoJson library: https://github.com/bblanchon/ArduinoJson

To upload the code select the “ESP32 Dev Module” and “Huge APP” options and hit the upload button to upload the code.




Testing & Demo

After 1~2 hours soldering and assembly, you can follow the easy steps to set the WiFi SSID and password by phone.

After powering the device, it will try to connect to the previously saved network. If you want to connect to the new network then, follow the instructions displayed on the LCD screen. Press a button for 3 seconds. Then go to your mobile phone and connect to the ESP32 WiFi Network.

Enter the WiFi Credentials and follow as shown in the image below.

So, once the WiFi gets connected, the device will show connection successful status.

Then it will show the current time and date according to your timezone. It will get the world real-time from the Network timing protocol, you can set your local time zone easily.

ESP32 Based Smart Clock with Weather Forecasting



You can change the time zone by using the 3 push buttons.

The device can also retrieve the weather data including temperature humidity and atmospheric condition. The device works as an online world weather forecaster, about the local temperature/weather, you can easily change/alter your address/cities without any re-programming

ESP32 Based Smart Clock with Weather Forecasting

The device can also be used as an Alarm Clock. To change the alarm timing you can use the 3 push buttons and set the time. The buzzer starts automatically during the saved time.

ESP32 Alarm Clock

So this is how you can build your own ESP32 Based Smart Clock with Weather Forecasting System.


Video Tutorial & Guide

DIY ESP32 Based Smart Clock with Weather Forecasting & Alarm System
Watch this video on YouTube.

Share. Facebook Twitter Pinterest LinkedIn Tumblr Email Reddit Telegram WhatsApp
Previous ArticleHow to Collect & Export data from Bluetooth Devices
Next Article Design your own ESP Board for Battery Powered IoT Applications

Related Posts

IoT Based PM & Air Quality Monitoring System using ESP32

IoT Based PM & Air Quality Monitoring System using ESP32

DIY ESP32 MLX90640 IR Thermal Camera with Live Web Display

DIY ESP32 MLX90640 IR Thermal Camera with Live Web Display

Updated:May 10, 20261K
IoT Activity Tracker with ESP32 & Accelerometer Gyroscope

IoT Activity Tracker with ESP32 & Accelerometer/Gyroscope

Updated:May 2, 2026

ESP32 IoT Vehicle Motion Analyzer with MPU6050 & LIS3MDL

Updated:April 27, 20261K
High-Accuracy Pitch, Roll, Yaw with ESP32 & BNO08x IMU

High-Accuracy Pitch, Roll, Yaw with ESP32 & BNO08x IMU

Updated:April 27, 20262K
DIY Colorimeter using AS7265x Spectroscopy Sensor & ESP32

DIY Colorimeter using AS7265x Spectroscopy Sensor & ESP32

Updated:February 1, 20261K
View 1 Comment

1 Comment

  1. U Engel on February 3, 2022 3:32 PM

    Hallo, beim Kompilieren erhalte ich u.a. folgende Fehlermeldungen:

    D:\2_ESP8266 und ESP32\Tutorials\Makerfabs DIY ESP32 Based Smart Clock with Weather Forecasting & Alarm System\SmartClock\SmartClock.ino: In function ‘void tft_init()’:
    SmartClock:108:20: error: ‘ST77XX_BLACK’ was not declared in this scope
    tft.fillScreen(ST77XX_BLACK);
    ^
    SmartClock:115:22: error: ‘ST77XX_WHITE’ was not declared in this scope
    tft.setTextColor(ST77XX_WHITE);

    SmartClock:276:37: error: ‘ST77XX_YELLOW’ was not declared in this scope
    tft.fillRect(70, 110, 5, 5, ST77XX_YELLOW);
    ^
    martClock:492:26: error: ‘ST77XX_RED’ was not declared in this scope
    tft.setTextColor(ST77XX_RED);

    Reply

CommentsCancel reply

Latest Posts
IoT Based PM & Air Quality Monitoring System using ESP32

IoT Based PM & Air Quality Monitoring System using ESP32

May 31, 2026
DIY ESP32 MLX90640 IR Thermal Camera with Live Web Display

DIY ESP32 MLX90640 IR Thermal Camera with Live Web Display

May 10, 2026
IoT Activity Tracker with ESP32 & Accelerometer Gyroscope

IoT Activity Tracker with ESP32 & Accelerometer/Gyroscope

May 2, 2026
A Guide to Sourcing Obsolete ICs for Vintage Projects

Beyond AliExpress: A Guide to Sourcing Obsolete ICs for Vintage Projects

April 21, 2026

ESP32 IoT Vehicle Motion Analyzer with MPU6050 & LIS3MDL

April 27, 2026
Building a Smart Sensor Node with a BLE Microcontroller

Building a Smart Sensor Node with a BLE Microcontroller

February 26, 2026
High-Accuracy Pitch, Roll, Yaw with ESP32 & BNO08x IMU

High-Accuracy Pitch, Roll, Yaw with ESP32 & BNO08x IMU

April 27, 2026
DIY Colorimeter using AS7265x Spectroscopy Sensor & ESP32

DIY Colorimeter using AS7265x Spectroscopy Sensor & ESP32

February 1, 2026
Top Posts & Pages
  • IoT Based PM & Air Quality Monitoring System using ESP32
    IoT Based PM & Air Quality Monitoring System using ESP32
  • 12V DC to 220V AC Inverter Circuit & PCB
    12V DC to 220V AC Inverter Circuit & PCB
  • IoT AC Energy Meter with PZEM-004T & ESP32 WebServer
    IoT AC Energy Meter with PZEM-004T & ESP32 WebServer
  • Buck Converter: Basics, Working, Design & Application
    Buck Converter: Basics, Working, Design & Application
  • ECG Graph Monitoring with AD8232 ECG Sensor & Arduino
    ECG Graph Monitoring with AD8232 ECG Sensor & Arduino
  • How to use INA226 DC Current Sensor with Arduino
    How to use INA226 DC Current Sensor with Arduino
  • IoT Based ECG Monitoring with AD8232 ECG Sensor & ESP32
    IoT Based ECG Monitoring with AD8232 ECG Sensor & ESP32
  • How to use INA219 DC Current Sensor Module with Arduino
    How to use INA219 DC Current Sensor Module with Arduino
Categories
  • Arduino Projects (197)
  • Articles (60)
    • Learn Electronics (19)
    • Product Review (15)
    • Tech Articles (28)
  • Electronics Circuits (46)
    • 555 Timer Projects (21)
    • Op-Amp Circuits (7)
    • Power Electronics (13)
  • IoT Projects (204)
    • ESP32 MicroPython (7)
    • ESP32 Projects (81)
    • ESP32-CAM Projects (15)
    • ESP8266 Projects (76)
    • LoRa/LoRaWAN Projects (22)
  • Microcontrollers (38)
    • AMB82-Mini IoT AI Camera (4)
    • BLE Projects (18)
    • STM32 Projects (19)
  • Raspberry Pi (93)
    • Raspberry Pi Pico Projects (57)
    • Raspberry Pi Pico W Projects (12)
    • Raspberry Pi Projects (24)
Follow Us
  • Facebook
  • Twitter
  • Pinterest
  • Instagram
  • YouTube
About Us

“‘How to Electronics’ is a vibrant community for electronics enthusiasts and professionals. We deliver latest insights in areas such as Embedded Systems, Power Electronics, AI, IoT, and Robotics. Our goal is to stimulate innovation and provide practical solutions for students, organizations, and industries. Join us to transform learning into a joyful journey of discovery and innovation.

Copyright © How To Electronics. All rights reserved.
  • About Us
  • Disclaimer
  • Privacy Policy
  • Contact Us
  • Advertise With Us

Type above and press Enter to search. Press Esc to cancel.

Ad Blocker Enabled!
Ad Blocker Enabled!
Looks like you're using an ad blocker. Please allow ads on our site. We rely on advertising to help fund our site.