Skip to content

FrontEnd Programming Test for Chess.com

License

Notifications You must be signed in to change notification settings

r-jasinski/frontendtest

 
 

Repository files navigation

Chess.com - Front End Programming Challenge

Design and basic design tokens (Figma)

Demo (GitHub Pages)

Welcome to the Chess.com front end programming challenge!

Instructions

  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.

Application Requirements

  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.

Questions & Feedback

Please contact Nick Kampa (nkampa@chess.com) with any questions or feedback regarding this challenge.

About

FrontEnd Programming Test for Chess.com

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 58.1%
  • TypeScript 33.4%
  • CSS 3.2%
  • JavaScript 3.1%
  • HTML 2.2%