https://github.com/mustafadalga/dortleme
Connection four is an online two-players intelligence game developed using VueJS and Firebase.
https://github.com/mustafadalga/dortleme
brain-game brain-games connection4 dortleme game-dev game-development javascript-game javascript-games vue vue-cli vuecli vuecli4 vuejs web-developer web-developers web-development web-developments zeka zeka-oyunu
Last synced: 4 months ago
JSON representation
Connection four is an online two-players intelligence game developed using VueJS and Firebase.
- Host: GitHub
- URL: https://github.com/mustafadalga/dortleme
- Owner: mustafadalga
- License: gpl-3.0
- Created: 2020-04-06T15:19:45.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2024-10-25T04:47:21.000Z (over 1 year ago)
- Last Synced: 2024-11-17T13:21:50.966Z (over 1 year ago)
- Topics: brain-game, brain-games, connection4, dortleme, game-dev, game-development, javascript-game, javascript-games, vue, vue-cli, vuecli, vuecli4, vuejs, web-developer, web-developers, web-development, web-developments, zeka, zeka-oyunu
- Language: Vue
- Homepage: https://dortleme.firebaseapp.com
- Size: 883 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Connect Four Intelligence Game
**Connect Four is an online intelligence game for two players, developed with Vue Js.**
## Introduction
* Initially sold under the Connect Four (Four-In-A-Row) trademark by Milton Bradley in 1974.
* Versions of different dimensions exist.
* This game is developed according to a 6 X 8 version.
* It's a two-player intelligence game.
## Goal
* The aim is to line up your 4 pieces consecutively horizontally, vertically, or diagonally.
## Features
* Player colors consist of two colors, red and green.
* The player who first enters the game is defined as red, the other player is defined as green.
* The game board is a 6 X 8 board with 6 rows and 8 columns.
* The total number of possible moves is 6 X 8 = 48.
## How to Play ?
* In the moves made, the stones are dropped into the column selected from the game board.
* The stones fall to the lowest row they can descend from the column. With such moves made, the rows and columns start to fill from bottom to top.
## How to Win ?
* The first player who brings 4 stones of the same color horizontally, vertically, or diagonally in a row wins the game.
* Each won game earns the player 10 points.
* If all stones are placed but the players could not consecutively arrange 4 stones of their own color, no team earns points and the game ends in a draw.
## Strategies
* To be able to win the game, you must set a game plan considering your opponent's moves.
* While applying our own plan, we must pay attention to the moves of the opponent.
* Strategies should be developed to disrupt the opponent's game.
## Restrictions
* For the first entry to the game, a 1-minute waiting time has been set for the user to wait for the opponent. If the opposing player does not join the game within 1 minute, the player who first enters the game wins.
* A 2-minute waiting period has been set for players to make their moves. If the active player does not make a move at the end of the 2-minute waiting period, the move passes to the opposing player.
* A player who doesn't make a move when it's their turn 3 times throughout a game, loses the game and the game ends.
* A player who leaves the game during the game, forfeits and loses the game.
* If the first player to enter the game leaves the game before the opposing player arrives, the active game is deleted for both sides and the game ends.
## Benefits
* Developing attention
* Abstract thinking
* Developing strategy
* Developing thinking skills.
* Gaining different perspectives.
## Technologies Used
* Vue JS
* Firebase
* Materialize CSS
* HTML 5
* CSS 3
* Animate CSS
* Vue Notification
* Font Awesome
## Notes
* The game is (Responsive) Mobile compatible.
* Firebase config information has been removed for security reasons. You can review the [Firebase documentation](https://firebase.google.com/docs/web/setup) to add Firebase to your project.
## URL
* [Dörtleme](https://dortleme.firebaseapp.com)
## Installation
#### Project Installation
```
npm install
```
#### Running the Project
```
npm run serve
```
## Game Images
#### Online Users
#### Score Status
#### Game
## License
[](https://github.com/mustafadalga/dortleme/blob/master/LICENSE.md)