en / es / ca / de

Connect 4

Main picture of the project.

Online game of the classic Connect 4 where one person plays against another in turns with the goal of making a straight line by combining four pieces in a row before the opponent.

Source code

Features

  • The game has two game modes: player against player or player against AI.
  • When playing against another player, the turns take place at the same computer, so it is necessary for the players to be physically next to each other.
  • When playing against the AI, the player will be the first to start, then the AI will make its move.
  • The game ends when no more moves can be made or one of the two players has managed to make four in a row (horizontally, vertically or diagonally).
  • It is possible to restart the game or exit it at any time.

What I learned

  • How to handle multidimensional arrays logic.
  • How to reproduce a simple AI.
  • How to create routes with React Router.
  • How to keep a clean and consistent code with Eslint.

Technologies

  • Front-end: React (JavaScript), CSS
  • Back-end: -