Chess Challenge

Simple React application which allows the user to move pieces on a chess board.

Requeriments

The application supports FEN strings as input and also output. Specifically:

When a valid FEN string is inserted into a text input it will display the corresponding chess pieces on the board.
Chess pieces can render either as images or as a text abbreviation of the type of piece (i.e. p for pawn).
Chess pieces can be selected, deselected and togged (switch to another piece of the same color) by clicking
Once a chess piece is selected the piece can be moved by clicking on an empty square or a square occupied by an opposite color.
Any piece can be moved to any suitable square. The app does not need to enforce chess piece movement rules.
When a chess piece is moved the FEN input will be updated with the corresponding value
The FEN value should be persisted, so that the “game” can continue after the page is reloaded

Check these resources for more information on FEN notations:

To clone the repository execute the command git clone https://github.com/boodland/chess-challenge.git. If you don't have git installed please follow the instructions in https://git-scm.com/book/en/v2/Getting-Started-Installing-Git

To install the dependencies execute the command npm install within the root folder. If you don't have npm installed please follow the instructions in https://docs.npmjs.com/downloading-and-installing-node-js-and-npm

To start the app locally execute the command npm run start. Open your browser and navigate to http://localhost:4200/.

To run the tests execute the command npm run test.

To build the app execute the command npm run build.

The app has been deployed using netlify and is available here. Happy game!