← Back to Portfolio

Game Board Card Selection

A card-picking game with bomb mechanics, cash counters, X2 multipliers, and animated effects — built with React 19, Zustand, and Framer Motion.

Overview

An interactive browser game where players pick cards to collect cash, avoid bomb cards, and decide when to claim their winnings. State is managed globally with Zustand and a custom useGameState hook. Each game event — bomb explosions, cash gains, X2 multipliers, claim and stop actions — triggers dedicated animated components built with Framer Motion. Styled entirely with Tailwind CSS 4 and deployed to GitHub Pages.

Technologies Used

ReactTypeScriptZustandFramer MotionTailwind CSSVite

Key Features

  • Card-picking mechanic with bomb and reward cards
  • Animated cash counter with floating coin effects
  • X2 multiplier and Stop modals with Framer Motion transitions
  • Global game state via Zustand + custom useGameState hook
  • Inventory system tracking collected cards and balance

Screenshots

Game Board Card Selection screenshot 1
Game Board Card Selection screenshot 2
Game Board Card Selection screenshot 3
Game Board Card Selection screenshot 4