Retro Clock (EPS32 CYD with Speaker and PiP Kickstand 2.8" Display)

Retro Clock (Cheap Yellow Display with Speaker and PiP Kickstand)

[English]

What started as a simple ESP32 CYD touchscreen clock project slowly grew into something bigger. I wanted a desk clock that actually earns its spot on the desk, so RetroClock ended up being an all-in-one clock with a 10-hour weather forecast, crypto ticker with price alerts, countdown/egg timer, and alarm clock.

It shows an hourly weather forecast with icons, no API key required. A live finance ticker tracks crypto prices via Binance, with symbols you choose yourself, also without any API key.

Set a price alert like BTC>50000 and the display turns red with a sound the moment your target is crossed.

Need to wake up? Set an alarm with your preferred weekdays; it plays a melody until you tap the screen. There's also an egg timer with a choice of alarm tunes for when you just need a countdown.

Time stays accurate on its own, synced over the internet via NTP with your time zone and daylight-saving rules already handled.

For everyday comfort, RetroClock offers adjustable brightness, a night mode that dims automatically during a set time window, auto screen-off after inactivity (just tap to wake it back up), and a hold-the-centre gesture to switch the display off manually.

You can also make it your own: 12/24-hour format, seconds shown as an hourglass or as numbers, custom colours for digits, temperature and crypto prices, a 180° screen flip for different mounting orientations, and a selectable start screen.

Setup happens entirely from your phone's browser, no app, no account, no API keys. Updating the firmware works the same way, straight from the settings page over the air.

What you need

• ESP32 Cheap Yellow Display ST7789 Panel (2432S028) (15 Euro)

• QUARKZMAN 1x 2W 8 Ohm speaker (2 Euro)

• 3D-printed Retro Clock case with PiP kickstand

Retro Clock – Setup

• Connect a small speaker to the side pin header of the ESP32 CYD.

• Connect the CYD to your computer using the USB cable.

• If nothing lights up, try a different USB cable or a different port (charge-only cables won't work).

Flash the firmware via the website (Chrome, Edge, or Opera)

• On your computer, open https://seizu.github.io/RetroClockInstaller in Chrome, Edge, or Opera.

• Click "Install / Connect".

• In the popup, select the device's serial port.

• Choose Install RetroClock and Erase Device for a fresh installation.

• Click Next, then Install.

• Wait until the process is complete and the board restarts.

Connect your phone to the device (hotspot)

• On first boot, no WiFi is set up yet, so the device opens its own hotspot.

• The display shows AP MODE, a WiFi name (SSID), and a web address.

• Open the WiFi settings on your phone.

• Connect to the WiFi name shown on the display.

• Password: RetroClock

• Ignore any "no internet" warning — this is normal for a setup hotspot.

Open the web interface and configure

• Open a web browser on your phone.

• Enter the web address shown on the display: http://10.100.10.1

• The Retro Clock settings page opens.

Enter the most important settings

• WiFi SSID – the name of your home WiFi (must be 2.4 GHz).

• WiFi Password – your home WiFi password.

• Weather Latitude, Weather Longitude (your location for the weather forecast) — can also be looked up with Google Maps.

• Posix Timezone String (required for the correct time)

Save and restart

• Tap "Save".

• Tap "Done/Reboot".

• The device restarts, connects to your home WiFi, automatically syncs the time, and displays the weather.

All further settings such as colors, brightness, night mode, alarm time/tone, start screen, preferred crypto assets (max. 6), crypto price alert, and alarm time are optional and can be changed at any time via the web interface. Available assets  https://fapi.binance.com/fapi/v1/ticker/price

Happy building!

This project is intended exclusively for private, non-commercial, and educational use and may not be used commercially. It uses third-party interfaces (including Binance, Open-Meteo) whose free use is intended only for private, non-commercial use. Commercial use may violate these providers' terms of service. The user is responsible for complying with the respective API or service terms.

[Deutsch]

Du benötigst

• ESP32 Cheap Yellow Display ST7789 Panel (2432S028) (15 Euro)

• QUARKZMAN 1 Stück 2W 8 Ohm (2 Euro)

• 3D gedruckts Reto Clock Gehäuse mit PiP-Klappständer

Retro Clock – Einrichten

• Schließe einen kleinen Lautsprecher an der seitlichen Stiftleiste des ESP32 CYD an.

• Verbinde das CYD über das USB-Kabel mit deinem Computer.

• Leuchtet nichts auf, probiere ein anderes USB-Kabel oder einen anderen Anschluss (reine Ladekabel funktionieren nicht).

Firmware über die Website flashen (Chrome, Edge oder Opera)

• Öffne auf deinem Computer https://seizu.github.io/RetroClockInstaller in Chrome, Edge oder Opera.

• Klicke auf "Install / Connect".

• Wähle im Popup den seriellen Anschluss des Geräts aus.

• Wähle Install RetroClock und Erase Device bei Neuinstallation

• Next und Install

• Warte, bis der Vorgang abgeschlossen ist und das Board neu startet.

Handy mit dem Gerät verbinden (Hotspot)

• Beim ersten Start ist noch kein WLAN eingerichtet, deshalb öffnet das Gerät einen eigenen Hotspot.

• Auf dem Display werden AP MODE, ein WLAN-Name (SSID) und eine Web-Adresse angezeigt.

• Öffne auf deinem Handy die WLAN-Einstellungen.

• Verbinde dich mit dem auf dem Display angezeigten WLAN-Namen.

• Passwort: RetroClock

• Ignoriere eine eventuelle Warnung "kein Internet", das ist bei einem Einrichtungs-Hotspot normal.

Webinterface öffnen und einstellen

• Öffne auf deinem Handy einen Webbrowser.

• Gib die auf dem Display angezeigte Web-Adresse ein: http://10.100.10.1

• Die Retro Clock-Einstellungsseite öffnet sich.

Die wichtigsten Einstellungen eintragen

• WiFi SSID – der Name deines Heim-WLANs (muss 2,4 GHz sein).

• WiFi Password – das Passwort deines Heim-WLANs.

• Weather Latitude, Weather Longitude (dein Standort für die Wettervorhersage) kann man
  auch mit Google Maps anzeigen lassen.

• Posix Timezone String (nötig für korrekte Uhrzeit)

  Region	POSIX Timezone String
  Central Europe (Vienna, Berlin, Paris)	CET-1CEST,M3.5.0/2,M10.5.0/3
  UK (London)	GMT0BST,M3.5.0/1,M10.5.0
  US East (New York)	EST5EDT,M3.2.0,M11.1.0
  US Pacific (Los Angeles)	PST8PDT,M3.2.0,M11.1.0

Speichern und neu starten

• Tippe auf "Save".

• Tippe auf "Done/Reboot".

• Das Gerät startet neu, verbindet sich mit deinem Heim-WLAN, synchronisiert automatisch die Uhrzeit und zeigt das Wetter an.

Alle weiteren Einstellungen wie Farben, Helligkeit, Nachtmodus, Alarmzeit/-Ton, Startbildschirm, bevorzugte Crypto Assets (max. 6), Crypto Preis-Alarm, Wecker-Zeit ist optional und lässt sich jederzeit über das Webinterface ändern. Verfügbare assets  https://fapi.binance.com/fapi/v1/ticker/price


Viel Erfolg beim Nachbauen!

Dieses Projekt ist ausschließlich für den privaten, nicht-kommerziellen und lehrbezogenen Gebrauch bestimmt und darf nicht kommerziell genutzt werden. Es verwendet Schnittstellen von Drittanbietern (u. a. Binance, Open-Meteo), deren kostenlose Nutzung nur für den privaten, nicht-kommerziellen Gebrauch ausgelegt ist. Eine kommerzielle Verwendung kann gegen die Nutzungsbedingungen dieser Anbieter verstoßen. Für die Einhaltung der jeweiligen API- bzw. Dienstbedingungen ist der Nutzer selbst verantwortlich.