Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Aria James

Members
  • Joined

  • Last visited

  1. Has anyone here built a responsive web interface that displays live IoT sensor data (charts, status indicators, etc.) while keeping the layout lightweight for mobile and desktop? I was looking at a practical guide on sending ESP32 sensor data to the cloud with ThingSpeak as an example of how the data can be streamed and visualized https://www.theengineeringprojects.com/2022/02/sending-data-to-cloud-with-esp32-and-thingspeak.html I’ve also seen Arduino forum threads where people push sensor readings over MQTT and some Raspberry Pi projects using WebSockets or SSE for live updates, what approaches worked best for you (direct API polling, WebSockets, Firebase/real-time DB, or middleware like Node-RED)? Any tips on responsive chart libraries or strategies to minimize redraws and data usage on mobile?
  2. Have any web designers here tried integrating real-time sensor data into web interfaces? I came across this tutorial https://www.theengineeringprojects.com/2022/02/sending-data-to-cloud-with-esp32-and-thingspeak.html about sending data from an ESP32 to ThingSpeak and building a basic cloud-based monitoring dashboard, and it made me wonder how web design and IoT intersect. I’ve seen Arduino forum threads where people build their own sensor dashboards, and Raspberry Pi projects where folks style the UI frontend for device monitoring. Do any UI/UX folks here venture into doing web dashboards for IoT devices even just simple ones or is that something best left to full-stack devs? Curious about whether it’s useful or overkill.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.