Browser Games: Chess

start the server:

...

$ npm start
...
Starting up http-server, serving ./public
Available on:
  http://127.0.0.1:4321
  http://10.0.1.11:4321

Description

Build a Chess game in the browser using HTML, CSS, JavaScript, and the jQuery library.

Fork the the browser-games repository and use the fork as your project artifact.

Implement the Chess game from the list in the games.md file.

Context

This goal will challenge your ability to take a formal, defined system from the real world and replicate it in code. You will start with all of the logic of the system (the rules of the game) and most of the UI already designed.

Your work will be mainly in deciding how to replicate that formal logic and user interface using JavaScript + jQuery, HTML, and CSS.

Specifications

General

• Artifact produced is a fork of the browser-games repo.
• Variables, functions, files, etc. have appropriate and meaningful names.
• HTML, CSS, and JS files are well formatted with proper spacing and indentation.
• There is a clear separation of game logic code from view/rendering code.
• All major features are added via pull requests with a clear description and concise commit messages.
• The artifact produced is properly licensed, preferably with the MIT license.

Chess

• User stories and features for the game are added as issues to your repo with the label feature or user-story
  You'll have to define these yourself by looking at the rules of the game and coming up with the right user stories & features
• jQuery is used for DOM manipulation code
• Chess game can be found at public/chess.html
• Chess game is playable by two people
• Pieces can only be moved according to the rules of chess
• The game state is persisted (so reloading the page resumes where you left off)
• The board can scale to the window size
• Game page is linked from public/index.html

Stretch

• Game can be played against a computer AI (i.e. human v. computer)

Resources

• jQuery Learning Center #jquery
• Code School: Try jQuery #jquery #js #dom
• CSS Tricks: Learn jQuery from Scratch #jquery #js #dom
• FreeCodeCamp article: A step-by-step guide to building a simple chess AI