react-chessboard

Simple^{who am I kidding?} Chessboard built with React and Grid

Todo

Build the Game

1. Identify components
2. Create components
3. Add game state

Add drag and drop interaction

1. Set up drag and drop context
2. Define drag types
3. Make knight draggable
4. Make board squares droppable
5. Add overlay for incorrect, possible, and correct moves
6. Add drag preview image
7. Fix drag preview image

Add additional pieces and piece logic

1. King
2. Queen
3. Bishop
4. Rook
5. Pawn

Include two players

Pieces

white chess king ♔ U+2654 ♔ ♔ white chess queen ♕ U+2655 ♕ ♕ white chess rook ♖ U+2656 ♖ ♖ white chess bishop ♗ U+2657 ♗ ♗ white chess knight ♘ U+2658 ♘ ♘ white chess pawn ♙ U+2659 ♙ ♙ black chess king ♚ U+265A ♚ ♚ black chess queen ♛ U+265B ♛ ♛ black chess rook ♜ U+265C ♜ ♜ black chess bishop ♝ U+265D ♝ ♝ black chess knight ♞ U+265E ♞ ♞ black chess pawn ♟ U+265F ♟ ♟