The Smart Water Level Display

The Smart Water Level Display is an innovative and visually appealing project designed using NodeMCU (ESP8266), an ultrasonic sensor, and an 8×8 LED dot matrix display. This system measures the water level in a glass cup without direct contact and displays it in real-time using creative LED animations.

This project is especially suitable for business cabins, offices, and professional environments, where it adds both functionality and aesthetic appeal. It not only helps monitor water level but also acts as an interactive decorative device that attracts attention and enhances the workspace.

1. Mini NodeMCU (ESP8266)
2. Ultrasonic Sensor (HC-SR04)
3. 8×8 LED Matrix (MAX7219)
4. Zero PCB
5. Berg Pin
6. Jumper wires
7. USB Cable
8. Power Bank
9. Water Cup
10. Cable Tie

In Tinkercad, create a base and vertical support, then add a square cutout to hold the 8×8 LED matrix securely.

Add a small hole at the back for wire management and group all shapes to complete the stand.

Design an ultrasonic mount by making a clip base for the glass and a top plate with two round holes for the sensor.

Connect both with a small arm, tilt slightly downward, and group to form a stable sensor holder.

Export both designs from Tinkercad as STL files for 3D printing.

Import STL files into slicer software (like Cura, 3D Print) and set material (PLA recommended).

Adjust print settings: layer height ~0.2 mm, infill 20–30%, supports if needed.

Start printing each part and wait until printing is completed carefully.

After printing, remove supports, smooth edges, and assemble all parts properly.

Ultrasonic Sensor

1. VCC → 5V
2. GND → GND
3. TRIG → D5
4. ECHO → D6

LED Matrix (MAX7219)

1. VCC → 5V
2. GND → GND
3. DIN → D7
4. CS → D8
5. CLK → D0

Assemble all printed parts by fixing the LED matrix into the stand and placing the ultrasonic sensor into its mount.

Connect the sensor mount above the glass and ensure proper alignment for accurate measurement.

Complete wiring with NodeMCU and finalize a clean, stable, and professional setup.

The programming of this project is done using Arduino IDE, which is used to write and upload code to the NodeMCU (ESP8266).

First, open Arduino IDE and go to File → Preferences, then add the ESP8266 board URL in “Additional Board Manager URLs”.

Next, go to Tools → Board → Boards Manager, search for ESP8266, and install the required package.

After installation, select NodeMCU 1.0 (ESP-12E Module) from the board menu.

Connect the NodeMCU to the computer using a USB cable and select the correct COM port.

Write or paste the project code, then click the Upload button to send the program to the board.

Once uploaded, the NodeMCU starts executing the code and the system begins measuring and displaying water level automatically.

The final system measures the water level in the glass using the ultrasonic sensor in real time. The NodeMCU processes this data and converts it into a readable water level value. The 8×8 dot matrix LED display visually represents the level using animations and patterns. As the water level changes, the display updates instantly to reflect the new level. This creates a smart, interactive, and visually appealing way to monitor water level.