Skip to main content

Demo App Overview

The Clutch Hub Demo App is a React + Vite application demonstrating blockchain-based ride-sharing with passenger and driver roles.

Features​

  • Dual roles — Separate passenger and driver experiences
  • Wallet management — Generate or import keys (optional localStorage)
  • Interactive map — Leaflet map for pickup/dropoff selection
  • Full ride lifecycle — Request, offer, accept, pay, cancel
  • Real-time updates — GraphQL subscriptions with polling fallback
  • Faucet integration — One-click test CLT funding
  • Transaction history — Persistent list per wallet address
  • Stage auto-detect — Maps app-stage.* hostname to api-stage.*

Tech Stack​

Key concepts demonstrated​

  1. User sovereignty — Users own and control their keys
  2. Client-side signing — Private keys never sent to the server
  3. Transparency — Transaction history visible on-chain
  4. Trustless operations — Ride state enforced by the blockchain

Live demos​

EnvironmentURL
Production demohttps://demo.clutchprotocol.io
Stagehttps://app-stage.clutchprotocol.io
Localhttp://localhost:5173

Documentation​