Connect 4

React + TS

Dev Checklist

MVP

  • Render game board
  • Place a chip in a column and have it fill the last available space in that column
  • Alternate turns (Red, Yellow)
  • Calculate if there is a winner
  • Clear or Reset Button

Ideas for additional development

  • Allow players to enter names, pick colors
  • Allow different board dimensions
  • Allow different numbers of players
  • Different rules to win
  • Animate the chips falling out when resetting