SummitMTB Tech Lab

Tests passed: 0 / 0
Databases & Storage
DB

IndexedDB

Full structured database in the browser. Create, read, update, delete bike records.

DB

localStorage

Simple synchronous key-value store. Persists across sessions, ~5MB limit.

DB

sessionStorage

Same as localStorage but scoped to the tab. Cleared when tab closes.

DB

SQLite (WASM)

Full SQL database running in the browser via WebAssembly (sql.js).

PWA

Cache API

Programmatic HTTP cache. Store and retrieve responses for offline use.

DB

OPFS (File System)

Origin Private File System — a sandboxed file system in the browser.

Networking & Real-Time
NET

Fetch API

HTTP requests to public APIs. Pull real data from the internet.

NET

WebSocket

Full-duplex real-time connection. Uses a public echo server.

NET

EventSource (SSE Sim)

Simulated server-sent events using a timer-based stream pattern.

NET

Beacon API

Send small async data to a server, guaranteed to fire even on page unload.

Graphics & Visual
GFX

Canvas 2D

Draw shapes, gradients, and interactive graphics. Click the canvas to draw!

GFX

WebGL

Hardware-accelerated 3D graphics. Renders a spinning colored triangle.

GFX

Web Animations API

JavaScript-driven keyframe animations with full playback control.

GFX

Intersection Observer

Detect when elements scroll into view. The boxes below light up when visible.

Browser APIs
API

Geolocation

Get the user's GPS coordinates (requires permission).

API

Web Audio API

Generate and manipulate sound programmatically. Plays a synth tone.

API

Web Workers

Run heavy computation off the main thread. Calculates primes without blocking UI.

API

Drag & Drop

Native HTML5 drag and drop. Move bikes between the two zones.

API

Web Share API

Trigger the native OS share dialog (mobile/desktop where supported).

API

Clipboard API

Read and write to the system clipboard programmatically.

API

Notifications API

Send OS-level push notifications from the browser.

API

Vibration API

Make the device vibrate (mobile only).

Architecture Patterns
ARCH

Pub/Sub Event Bus

Decoupled publish-subscribe messaging between components.

ARCH

State Machine

Finite state machine for a bike order flow: idle → cart → checkout → paid.

ARCH

BroadcastChannel

Sync data across multiple tabs in real-time. Open this page in 2 tabs!

ARCH

Performance API

Measure timing, memory usage, and navigation performance.

Experimental & Fun
EXP

Web Crypto API

Cryptographic operations: hashing, encryption, key generation.

EXP

Battery API

Read battery level and charging status (where supported).

EXP

DeviceOrientation

Read accelerometer/gyroscope data (mobile devices).

EXP

Screen & Fullscreen

Screen info, fullscreen mode, and screen orientation.

Summit MTB Tech Lab — Testing browser capabilities — 2026