Mike's Connect Four

11/23/2021

By: Michael Newman

GitHub | LinkedIn | Personal Website

---

Description

Mike's Connect Four is a version of the classic game created by Milton Bradley.

On page load, users are presented with a landing page where they can press a start button to navigate to the game board.

The game board defaults to two-player mode. Users can toggle between two-player mode and versus computer mode. The reset board button clears the board and starts the game over, whether in two-player mode or versus computer mode.

When a win occurs (four of the same color in a row), a modal pops up declaring the winner and a button will navigate back to the landing page.

---

Future Tasks

• Delay the computer's game move response during versus computer mode
• Add a timed game function
• Create scoreboard to keep track of wins

---

Technologies Used

• HTML5
• CSS
• JavaScript

---

Getting Started

The project has been deployed on Surge and can be viewed here.

• Fork and clone this repository
• cd into the directory on your local machine
• Run open index.html to open the website in your browser and cmd + option + i (MacOS) or ctrl + shift + i (Windows/Linux) to open your dev tools

A Trello board was used to keep track of development progress and can be viewed here.

---

Credits

Thanks to Ania Kubow for tutorials on winning array combinations.

Thanks to Florin Pop for tutorials on animation effects.

GIF provided by gfycat

Music from YouTube