A small React application where users can play chess. Live Demo
Chess backend is written in Node.js and relies on Sails framework.
The application is very small, I made it for demonstration purposes. It contains only 2 pages, but a lot of functionality.
The Home page contains list of users. You can see their online/offline status. On Home page you can accept a game request from another person. Or you can create a public seek, to start a game with a random player. Also you can play with the computer with 4 levels of strength. Also home page contains previews of ongoing and finished games. All data is updated in real-time via Web Sockets.
The Single game page contains a board to play the game. Control panel with toolbars and moves list. Game info panel where you can see information about the game. And a Chat to talk with your opponent.
Chessboard component which is used on Home page to show game previews and on Single game page to play chess, has flexible settings. It supports Drag and Drop, squares highlighting, animation, premoves, resize and many other functions.
git clone https://github.com/ildar-icoosoft/chess-pwa.git
cd chess-pwa
yarn installNote that this repo contains only frontend. So that the application can work with data, you will need to install the backend as well.
yarn startRuns the app in development mode. Open http://localhost:3000 to view it in the browser.
The page will automatically reload if you make changes to the code. You will see the build errors and lint warnings in the console.
yarn testRuns the test watcher in an interactive mode. By default, runs tests related to files changed since the last commit.
yarn buildBuilds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.