🔴🟡 Connect4 Game

A modern, interactive Connect4 game built with React and Vite.

🎮 Play Live Demo

🎮 Game Features

• Classic 7x6 grid Connect4 gameplay
• Beautiful blue board with red and yellow game pieces
• Smooth drop animations when pieces fall into place
• Win detection for horizontal, vertical, and diagonal connections
• Glowing effect on winning pieces
• Real-time player turn indicator
• One-click game reset

🚀 Quick Start

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

🎯 How to Play

1. Player 1 (Red) starts first
2. Click the ↓ buttons above any column to drop your piece
3. Players alternate turns
4. First player to connect 4 pieces in a row (horizontally, vertically, or diagonally) wins!
5. Click New Game to play again

🛠️ Tech Stack

• React - UI framework
• Vite - Build tool and dev server
• CSS3 - Styling with animations and gradients
• JavaScript (ES6+) - Game logic

🎨 Design

The game features a modern design with:

• Gradient background
• Glass-morphism UI elements
• Smooth animations and transitions
• Responsive layout
• Visual feedback for user interactions