Jerome Chua

Connect Four

Deployed App
GitHub Repo

The objective is to be first to form a horizontal, vertical, or diagonal line of four of one's own discs

App Features

  1.   Users can choose from a list of players who they want to play with
  2.   Game can be rejoined and game can resume from where it left off
  3.   Game winner will be announced and game list on the lobby will be refreshed

Technologies Used

  • Frontend: HTML, CSS, Vanilla JS (with DOM Manipulation)
  • Backend: PostgreSQL, Express, Sequelize
  • Version Control: Git

Challenges

  • Passing data from backend to home page to individual games
  • Organising code related DOM elements in a more structured way i.e more helper functions

What I'd Do Differently

  • Create functions for certain backend routes to send/retrieve the game board data
  • Decompose DOM-related code related into more helper functions for ease of reviewing code
  • Refactor winning conditions to cater for x number of discs in-a-row
  • Have some of the global values orginate from backend instead

Test Details

  • Player 1 Email: jerome@test.com
  • Player 1 Password: jerome
  • Player 2 Email: chua@test.com
  • Player 2 Password: chua