react-chess

Play online at zaccnz.github.io/react-chess/

Todo

• Gameplay
  • Get basic chess gameplay running
  • Game timer
  • Reset board, undo button, etc (QoL)
  • Ensure game is responsive and can be played on phone with touch
• Website design
  • Complete layout
  • Complete light and dark themes
  • Cleanup UI
  • Smooth piece movement (including undo & redo actions)
• Chess AI (human vs bot match)
  • Minmax
  • Alpha-beta pruning
  • Move ordering
  • Improve evaluations
  • Move into worker
  • Optimizations
• Multiplayer (human vs human)
  • Allow players to create and join lobbies
  • Synchronize gameplay between clients
• Host project online

Libraries used

This project is built with

• React
• Vite
• chess.js
• TypeScript
• Styled Components
• FontAwesome
• React Router Dom
• fscreen
• UUID

Chess pieces from OpenGameArt.
Bot logic inspired by freeCodeCamp Step-by-step Chess AI.

Building

To run this project locally

git clone https://github.com/zaccnz/react-chess.git
cd react-chess
npm install
npm run dev

You can also build this project...

npm run build

then host it on GitHub pages

npm run deploy