Code Monkey home page Code Monkey logo

chess's Introduction

Header image. Sunset with clouds and airplane contrail.

Charlie Fish

Welcome to my GitHub Profile. Although I have a lot of interesting content here I would highly encourage you to check out my website. There are a lot of pages on my website such as more information about me, my contact page, and many more interesting things. Below you can also find some other links that you might be interested in.

Links:

chess's People

Contributors

fishcharlie avatar

Watchers

 avatar  avatar  avatar

Forkers

sans-skelly

chess's Issues

Instruction Message

The game could lay out the move options at onset or after first click of each piece so that a user unfamiliar with chess can begin to learn.

Play Again Button

It would be nice to have a clear board / start over button instead of having to refresh the page.

Repeated Code

Something to look at is to use some functions/for loops to create arrays that can then be looped through. For example, setting the click filters starting on line 136

Switch statement

One way to avoid switch statements is create a method where your properties are the values are objects that contain the information you want to do. For example, the switch statement that begins on line 49 could be refactored to look like

var pieceLayout = {0: {piecename: 'white-rook', piecetype: 'rook'}, 1: {} }
myTile.piecename = pieceLayout[i].piecename;
myTile.piecetype = pieceLayout[i].piecetype;

Styling

The board could be bigger and have some kind of background/images and/or animations.

responsive design

It would be great if the chess game board / pieces were responsive to the size of the window.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.