Queens Gambit

• 

  Create a game or join existing

• 

  ask your friend for unique id (from their url)

• 

  White side view

• 

  Black Side View

Inspiration

I love to play chess and so do I love development. So, I thought of developing my version of the classic chess game so that I would be motivated throughout the development of the app :) .

What it does

It is a real time multiplayer chess game with chat functionality.

How I built it

The web-app uses ChessBoard.js for visualizing the board and D3.js for visualizing game stats. I have used socket.io for real-time Player vs Player mode.

Challenges I ran into

I was new to socket.io and so I ran into many problems while development. For the whole time, Stackoverflow was like a blessing to me, and helped me to get out of any frustrating scenarios I had encountered.

Accomplishments that I'm proud of

I am proud of the fact that I have now been able to understand the intricacies of Javascript better than ever and this uplifts my confidence to a great extent.

What I learned

I learned many new concepts of Javascript and perfected a few old ones like Closures, DOM Manipulation and event handling. I have learned a lot about socket.io which I am certainly going to use in many of my new projects that I would develop.

What's next for Queens-Gambit

I am learning min-max and alpha-beta pruning algorithms so that I can build my own chess engine to support single player mode. Also, I would shift the whole code from proedural to Object Oriented style so that it would be more readable and easy to follow.

Built With

• chess.js
• chessboard.js
• css
• d3.js
• html
• javascript
• socket.io