/connect-four

Primary LanguageJavaScript

Connect Four

Classic game implemented with react/redux and a node server.

Demo

Usage

Clone repo:

git clone https://github.com/borerjason/connect-four.git

cd into directory & install dependencies:

npm install

Start server:

npm start

Navigate to:

localhost:3000

Main Technologies

  • react
  • redux
  • styled-components
  • node/express

App Design:

  1. App

    • Summmary: Renders header and board components.

  2. Header

    • Summary: Displays current player, the winner, and if user wants to start a new game.
    • Props:
      • current player
      • isWinner
      • reset board (fcn)

  3. Board

    • Summary: Renders board slots
    • Props:
      • Board array

  4. Slot

    • Summary: Validates move, updates color in slot and slot value in board.
    • Props:
      • current player
      • isWinner
      • slot id
      • Update board (fcn)