1. Clone this repository or download and unpack the zip file
2. Run npm install to install dependencies
3. Run npm run dev to start the dev server
4. Open http://localhost:5173 in your browser (if it doesn't open automatically)

Warning: Make sure you have the dev server running before running the Cypress tests

Run npx cypress run to run the Cypress tests in the terminal

or

Run npx cypress open to open the Cypress test runner

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

• VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Welcome to the Chess.com front end programming challenge!

1. Fork this repository.
2. Create a VueJS application that satisfies the requirements detailed below.
3. Provide links to your fork of this repository and a live demo of your application.

1. Create a page with a chessboard and a sidebar.
2. On desktop devices the sidebar should be positioned to the right of the chessboard.
3. On mobile devices the sidebar should be positioned below the chessboard.
4. The chessboard should resize responsively to consume available space.
5. Clicking a chessboard square should highlight the square.
6. Keep track of which squares are clicked and the order in which they're clicked.
7. Display the information collected from step 6 in the sidebar.

Please contact Nick Kampa ([email protected]) with any questions or feedback regarding this challenge.