TapSnap is an engaging desktop reflex game designed to test your hand-eye coordination. Players interact with abstract shapes horizontally scrolling and falling down the screen, aiming for the perfect snap overlay.
Powered by Tauri for seamless desktop performance and utilizing a Go Sidecar for backend metrics and persistence via SQLite, TapSnap offers a highly responsive and fluid gameplay experience!
- 🎮 Dynamic Game Loop: Smooth 60FPS animation updates utilizing optimized
requestAnimationFrame. - 🕹️ Matching Mechanics: Complex object alignment, shape rotation tracking, and precise overlap calculations.
- 🎨 Visual Flourishes: Stunning visual feedback, including screen flashes and canvas-based confetti celebrations for perfect hits!
- 🗄️ Local Persistence: Secure SQLite tracking of your high scores, progression, and unlocked levels via our integrated Go Sidecar.
- 📱 Responsive UI: "Zomato-style" clean interface designs with polished Level Selection screens.
- Frontend Core: React 18, TypeScript, and Vite.
- State Management: Zustand
- Styling: Tailwind CSS v4 & Lucide React Icons.
- Desktop Interop: Tauri v2 IPC Bridge.
- Backend / Database: Go (Golang) compiled sidecar with SQLite.
Ensure you have the following installed on your machine:
-
Clone the repository:
git clone https://github.com/yourusername/TapSnap.git cd TapSnap -
Install frontend dependencies:
npm install
-
Run the development server natively (Web View):
npm run dev
-
Launch the Tauri Desktop app:
npm run tauri dev
Check out our WBS.md for a detailed roadmap of the project's development phases.
/src/— React frontend components, screens, and game loop logic./src-tauri/— Rust boilerplate and Tauri configurations./sidecar/— Go backend executables and SQLite handling./tapsnap-info-website/— Project landing profile and policy pages.
Crafted with ❤️ by the TapSnap Team.