Overview
A full-featured Connect Four game built for real-time multiplayer gaming. Players can create rooms, share invite links, and compete in classic four-in-a-row battles with smooth 3D animations.
Features
- Real-time multiplayer with WebSocket connections
- Room-based matchmaking with shareable invite codes
- 3D game board rendered with Three.js
- Animated piece drops and win celebrations
- Turn indicator and game state synchronization
- Mobile-responsive design
Technology Stack
- React with TypeScript frontend
- Socket.io for real-time communication
- Three.js via React Three Fiber for 3D rendering
- Express backend with session management
- PostgreSQL with Drizzle ORM
- Redis for Socket.io scaling
- Docker Compose for deployment
How It Works
Players create or join rooms using short invite codes. The game state is synchronized across all connected clients via WebSocket events. The 3D board provides visual feedback for piece placement and winning combinations.