Site Review: Telltale Subway Keychain

Date: 2026-04-22

Loaded URL

https://producingtechnology.com/65-apps/daidingran_183607_15200495_02.html

Summary

A hardware companion UI for a physical ESP32-S2 Feather TFT keychain device. The app displays real-time NYC subway arrival times for a fixed station (Roosevelt Island, Manhattan-bound F train). It shows the next two arrivals with countdown minutes and expected timestamps, and includes a "Sync with Device" button to push the data to the physical keychain over a web connection.

Observed Behavior

• Card renders cleanly with station name, direction, and two upcoming F train arrivals (3 min / 11 min).
• Each arrival row shows the line badge, countdown, and expected clock time.
• "Sync with Device" button is prominently displayed at the bottom of the card.
• Header reports device connection: ESP32-S2 Feather TFT.
• On raw page load (before JS hydrates), the card shows placeholder text: "Loading… Connecting… Station Name / Direction."

Things That Didn't Work as Expected

• Station and direction appear hardcoded to Roosevelt Island / Manhattan-bound — no way to change them in the UI.
• No visible refresh interval or "last updated" timestamp; unclear how stale the arrival data might be.
• "Sync with Device" has no feedback — no success toast, spinner, or error state shown after clicking.
• No indication of what happens if the physical device is not connected or out of range.
• Only two arrivals shown; no option to see more upcoming trains.
• No line selector — app is locked to the F train with no way to switch lines.

Suggested Improvements

• Add a station/direction picker so users can configure which stop to monitor.
• Show a "last updated" timestamp and auto-refresh arrivals on a set interval (e.g. every 30 seconds).
• Add visible feedback on "Sync with Device" — success confirmation, spinner while syncing, and an error state if the device is unreachable.
• Display a device connection status indicator (connected / disconnected) with a reconnect button.
• Allow toggling between more arrival entries (e.g. show 3–5 upcoming trains).
• Support multiple subway lines at the same station where applicable.