Truth or Dare

Web

Multilingual party game web app serving 21 languages with native app-quality animations, haptic feedback, and SEO-driven content.

Frontend Developer ยท Product Owner 2022 - Present Visit site →
1,000+ Questions
21 Languages
1M+ last 3 months Active Users
6min+ Avg. Session

Tech

HugoSCSSJavaScriptPostCSSFirebaseWeb Haptics APIGitHub Actions

Try it out

Truth
OR
Dare

Deep Dive

Game Engine & UX

5-screen game flow with spring animations, player theming, and haptic feedback.

  • Animations Keyframe animations with spring physics and fullscreen morph transitions
  • Haptics Web Haptics API with device-aware gating and custom vibration patterns per interaction
  • Theming 5-color player palette that re-themes the entire UI per turn

This website drives 34% of all organic Truth or Dare app store installs - zero ad spend.

Web-to-App Acquisition

Device-aware conversion system turning web visitors into native app users.

  • Smart Banner Fixed bottom banner with rotating localized headlines and automatic iOS/Android store badge detection
  • End-Game Interstitial Fullscreen overlay after a set number of rounds with download CTA, auto-redirect to the detected store, and distinct UTM parameters per touchpoint
  • PWA Manifest prefer_related_applications routes browser install prompts to the native app
End game screen with CTA

i18n & Content Pipeline

Google Sheets API as headless CMS, generating 4,000+ localized strings across 21 languages at build time.

  • Automation GitHub Actions fetches Google Sheets API, generates per-language TOML + JSON content files
  • Deployment 13 Firebase Hosting targets with dedicated TLDs per language and automated CI/CD
  • SEO JSON-LD structured data, automated internal linking, and hreflang across all 21 language variants
Truth or Dare in the wild ;)
46.40% 72.10% +55%
Game Completion Rate After updating gameplay mechanics informed by user engagement analytics