A modern implementation of the classic Connect 4 game built with HTML, CSS, and JavaScript.
- 6x6 game board
- Smooth falling coin animations
- Attractive and eye-friendly color scheme
- Win detection in all directions (horizontal, vertical, diagonal)
- Draw detection
- Player turn indicators
- Reset game functionality
- HTML5
- CSS3
- JavaScript (ES6+)
- Open
index.html
in your web browser - Players take turns clicking on columns to drop their pieces
- The first player to connect 4 pieces in a row (horizontally, vertically, or diagonally) wins
- Click the "New Game" button to reset the game
connect4/
├── index.html # Main HTML file
├── styles.css # CSS styles
├── game.js # Game logic and UI
└── README.md # Project documentation
- Clone the repository:
git clone https://github.com/yourusername/connect4.git
- Open
index.html
in your web browser
This project is open source and available under the MIT License.
Contributions are welcome! Please feel free to submit a Pull Request.