ryananhtuan-nguyen / connect4-nextjs-frontend

Front-end for simple connect-4 game with Nextjs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

This is the front-end of a simple Gomoku game (my rule, match-4 instead of 5)

Installation

  • Clone the repo
  • Also clone the back-end here.
  • cd into the folder
  npm install
  _or
  yarn add all
  _or
  bun add all
  • cd into backend folder and do the same.

+In the front-end: npm run dev to start the front-end
+In the back-end: npm run server to start the server

Todos:

Back-end

  • Modify the server so there will be a maximum of 2 people per room.
  • Modify the board, so the user could create a board with own choice of size (Functionalities for check win and create board will remain the same)
  • Remove room when all user disconnected.

Front-end

  • Modify the CSS for game board.
  • Modify the board creating choosing size.
  • Add more options for users to choose from (leave room, restart game, etc)

About

Front-end for simple connect-4 game with Nextjs


Languages

Language:TypeScript 91.5%Language:CSS 7.6%Language:JavaScript 0.9%