Buddy — AI Travel Companion
同游
Immersive walk-and-listen AI travel app with dual companion personas
Problem
Traditional travel apps provide static content. Visitors at historical sites miss contextual, engaging narratives that adapt to their location, companion choice, and pacing.
Solution
Built an immersive AI travel companion centered on walk-and-listen — simulated geofence-triggered storytelling at Prince Gong's Mansion, dual AI personas (苏东坡 / 毒舌老炮), multi-act card narration, city story discovery, and ElevenLabs TTS voice synthesis.
Architecture
React SPA with Zustand state management, React Router 7, Cloudflare Pages + Pages Functions for API, companion state machine (idle → preparing → narrating), and ElevenLabs TTS integration.
Tech Stack
React 18 · TypeScript · Vite 6 · TailwindCSS 3 · Zustand · React Router 7 · Cloudflare Pages · ElevenLabs TTS
Challenges
• Simulating 12-site geofence triggers without on-site GPS for MVP demo • Orchestrating dual AI personas with distinct voice and narrative styles • Multi-act story cards with continue/previous act navigation and companion state machine
Result
Live product at buddy-8ov.pages.dev with walk, discover, and profile tabs — 12-site Prince Gong's Mansion tour, city story search, and companion switching.
Try it: buddy-8ov.pages.dev/walk
Three core tabs — Walk (geofence-triggered narration at 12 Prince Gong's Mansion sites), Discover (searchable city stories with companion switching), and Profile (companion preferences and favorites).
An example of building a complete AI product — not just an API wrapper, but UX, content, voice, state machines, and deployment.