Finger Chooser is a playful multi-touch selector built with Vue 3, Vite, and Tailwind CSS. Drop several fingers on the same screen, watch a neon countdown, and let the app randomly highlight a single winner.
- Touch-first gameplay – tracks every finger via Pointer Events, enforces a minimum of two players, and resets automatically after each round.
- Dynamic visuals – animated neon rings, countdown flare, and per-finger color palette keep the experience readable in the dark theme.
- Smart landing flow – desktop visitors see a QR code pointing to the current URL plus a “force start” option for touchscreen laptops.
- Vue + Vite stack – lightweight tooling with instant HMR, TypeScript support, and Tailwind utilities.
Prerequisites:
- Node.js 18+
- npm (or any compatible package manager)
Install dependencies:
npm installRun the dev server (http://localhost:3000 by default):
npm run devBuild for production:
npm run buildPreview the production build locally:
npm run previewType-check the project:
npm run typecheck- Use a real multi-touch device for the authentic experience.
- Desktop browsers can emulate touches via DevTools, but timing/accuracy will be limited.
- While fewer than two fingers are detected, the UI prompts users to add more before the countdown starts.
Happy finger choosing! 🎉