https://github.com/jmrashed/rashed-games-javacript
Rashed's Game using HTML, CSS, and JavaScript
https://github.com/jmrashed/rashed-games-javacript
Last synced: 4 months ago
JSON representation
Rashed's Game using HTML, CSS, and JavaScript
- Host: GitHub
- URL: https://github.com/jmrashed/rashed-games-javacript
- Owner: jmrashed
- Created: 2023-08-18T16:27:00.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-14T19:53:13.000Z (almost 2 years ago)
- Last Synced: 2025-01-07T20:14:28.159Z (6 months ago)
- Language: JavaScript
- Homepage: https://jmrashed-game.vercel.app
- Size: 2.62 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Connect Four Game using HTML, CSS, and JavaScript
A simple web-based implementation of the classic Connect Four game using HTML, CSS, and JavaScript.
# Live
Demo Link: [https://jmrashed-game.vercel.app/](https://jmrashed-game.vercel.app/)
## How to Play
1. Open the `index.html` file in a web browser to start the game.
2. Players take turns dropping their pieces into the columns of the game board.
3. The first player to connect four of their pieces vertically, horizontally, or diagonally wins the game.
4. Click on any column to drop a piece. The piece will fall to the lowest available position in the column.
5. The game ends when one player wins or the entire board is filled with pieces.
## Features
- Two-player gameplay.
- Visual indication of player turns using red and yellow pieces.
- Dynamic game board that updates with each move.
- Win detection for vertical, horizontal, and diagonal connections of four pieces.
- Prevents further moves once a player wins.
## Technologies Used
- HTML: Structure of the game board and user interface.
- CSS: Styling and visual presentation of the game.
- JavaScript: Game logic, interactivity, and win detection.
## Acknowledgments
This Connect Four game is inspired by the classic board game. It was developed as a simple project to practice web development skills.
## Author
Developed By [Md Rasheduzzaman](https://github.com/jmrashed)
## License
This project is licensed under the [MIT License](LICENSE).