Device & Hardware Sensors
Three Web APIs that give the app awareness of the user's hardware and network: the Network Information API exposes the connection type, the estimated quality (effectiveType), and data-saver mode (saveData); the Battery Status API exposes charge level and charging state, though it now has limited browser support due to fingerprinting and privacy concerns; and the Vibration API triggers haptic feedback through vibration patterns. Together, they show how to adapt behavior — not just appearance — to the device's real conditions: dropping video quality on slow connections, saving energy on low battery, or confirming an action with vibration.
Technologies
- Network Information API
- Battery Status API
- Vibration API
Architecture
- Reactive reads of hardware Browser APIs
- with change-listeners
Concepts
- Adaptive UX based on network/energy conditions
- haptic feedback
Demo area
The demo is 100% functional — try it now.
Native Browser Integrations
Web Share, Clipboard, Screen Wake Lock, and Fullscreen: four native browser APIs that bring a web app closer to an installed-app experience, with zero external dependencies.
Dashboards
Observability dashboard inspired by tools like Grafana, simulating the real-time health of a distributed application through metrics, events, interactive charts, and incident scenarios.