Real-Time Crypto Dashboard With ESP32 and Nextion Display (Binance API)

by rishabpp0 in Circuits > Arduino

15 Views, 0 Favorites, 0 Comments

Real-Time Crypto Dashboard With ESP32 and Nextion Display (Binance API)

ChatGPT Image Jul 13, 2025, 11_43_30 AM.png

In this tutorial, I’ll show you how I built a real-time cryptocurrency dashboard using an ESP32 microcontroller and a Nextion touchscreen display.

The system fetches live crypto data from Binance API and displays it with auto-scaling charts, color-coded values, and alerts for support/resistance.

No external server or PC needed — just hardware + code


Perfect for anyone interested in:

  1. Crypto + IoT
  2. ESP32 Projects
  3. DIY Dashboards
  4. Real-time data visualization

Let’s get started!

Supplies

Screenshot 2025-07-12 205701.png
Screenshot 2025-07-12 211012.png

Use the built-in “Supplies” step on Instructables.

Example:

ComponentQuantityDescription

ESP32 Dev Board-1-Any generic ESP32 board

Nextion Display-1-I used 10-inch model

USB cable + 5V supply-1-For powering ESP32 and/or Nextion display

Jumper wires-Several-For TX/RX and power connections

Optional: Micro SD card-1-or uploading Nextion .tft file

Hardware Wiring

Screenshot 2025-07-12 212016.png
Connect the ESP32 to the Nextion display:
  1. Nextion TX → ESP32 GPIO17 (RX2)
  2. Nextion RX → ESP32 GPIO16 (TX2)
  3. VCC → 5V
  4. GND → GND
  5. Make sure TX goes to RX and vice versa.


Designing the UI With Nextion Editor

Screenshot 2025-07-13 135337.png

Use Nextion Editor to create the display layout

Add buttons, text boxes, and chart components

Export the .tft file to SD card and flash the display

(Include screenshots of the UI design here)

Downloads

ESP32 Code Overview

Written in Arduino IDE

Uses FreeRTOS tasks for Nextion & Wi-Fi communication

Binance API fetches prices every few seconds

Displays current price, % change, high/low

Live chart updates dynamically

Downloads

Features Demo

real image.jpg

Customize It

You can expand this project by:
  1. Adding candlestick charts
  2. Sending alerts to Telegram
  3. Logging data to SD card or cloud
  4. Using other APIs or adding volume/RSI data


Code + UI Files Upload

Real-Time Crypto Dashboard with ESP32 & Nextion | Binance API + Live Chart

.ino or .zip of Arduino code

.hmi and .tft from Nextion

Final Step: Wrap-up

real image.jpg

That’s it! You've now built a live crypto dashboard that fetches real-time Binance data and displays it on a custom touchscreen interface using ESP32.

Let me know in the comments what you'd add or improve in version 2!