Connect 4!

GA - SERI - Project 1

This is a javascript recreation of the classic game, "Connect 4" with an updated look.

• The is a two-player game in which players (yellow and red) take turns dropping tokens into a 6-row, 7-column grid.
• Tokens drop to the lowest available position within the column and begin to stack as players alternate turns.
• The first player to form a vertical, horizontal, or diagnal line with their (yellow or red) tokens, wins!

Techologies Used

• HTML
• Javascript
• CSS
• ThreeJS
• Webpack
• NodeJS
• NPM

Getting Started & Live Game Link

• https://fraziermark.github.io/GA_SEIR_Project1/

To run locally, clone the repository and open the project in your editor

• In the project directory, you can run:

'npm install'

• Installs node modules

'npm start'

• Runs the app in development mode on http://localhost:8080
• The page should reload on edits

Next Steps

• Cache the player's moves in a hashmap so the checkWinner function has a better time complexity
• Implement a 1-player option that challenges a computer based on difficulty level
• Animate token dropping onClick