Inspiration

As an avid chess player, I've wanted to create a chess application for sometime now but just never found the time to sit down and start. Since there's already so many fantastic online chess applications, I decided to make a 4-player version instead.

What it does

By the time of my submission, I was able to make the pieces able to be dragged and dropped between valid squares and also managed to implement most of the basic logic, such as capturing and rules governing pieces. However, I still need to finish implementing the remaining logic. I also wanted to create a server so that the game could be played with friends, but didn't get around to it.

How I built it

Using mainly React and TypeScript.

Challenges I ran into

Figuring out how best to represent the non-standard grid shape of the 4-player chessboard made everything a little more challenging. Since I was using this project to teach myself React and TypeScript, figuring out how to make the pieces able to be dragged and dropped, and then snap into the correct square or back to their original position, depending on the validity of the move, was all pretty difficult.

Accomplishments that I'm proud of

Honestly, just getting the pieces to the point where I could drag them around and capture other pieces was really satisfying.

What I learnt

After this project, I feel a lot more comfortable about the idea of developing mid-sized web applications in React and TypeScript from scratch.

What's next for CHESS ATTACK

My next steps are

  • finish off writing the logic for the application
  • implement a turn based system that prints the board the correct orientation for each given user
  • create a server so that the game can be played with strangers
Share this project:

Updates