GithubHelp home page GithubHelp logo

labinatorsolutions / stockfish-chess-web-gui Goto Github PK

View Code? Open in Web Editor NEW
48.0 4.0 37.0 36.98 MB

Responsive chess web GUI to play against the Stockfish 16 chess engine. Multiple web GUI implementations have also been included.

Home Page: https://labinatorsolutions.github.io/stockfish-chess-web-gui/

License: GNU Affero General Public License v3.0

CSS 9.54% HTML 11.52% JavaScript 78.94%
chess web-gui web-app stockfish stockfish-engine chess-game chess-board chessboard chess-engine chess-engine-gui

stockfish-chess-web-gui's Introduction

Web GUI For Stockfish Chess

GUI Type JavaScript jQuery Stockfish 16 Chess Engine Chessboard.JS

Overview

It is a web graphical user interface (GUI) for the Stockfish Chess engine. It is a fully functional web-based chess app that allows you to play against the Stockfish chess engine.

This repository contains two different implementations. Explore both and contribute to the one you find most interesting. Ultimately, only one implementation will remain once we reach a stable, bug-free version with sufficient features to be considered professional.


Mission

Our mission from this project is to develop a modern responsive free and open source web-based chess GUI powered by the Stockfish chess engine.


Live Demo

Note: The above implementations still require lots of work. Your contribution is always appreciated.


Installation

Online Installation

  • Download or clone this repository.
  • Upload the unzipped folder of this repository to your web server then view it from your web browser.

Local Installation

  • Download or clone this repository.
  • Install a web server locally to test effectively the GUI.

Suggestions For Contributors

  1. User Interface

    • Responsive Design
    • Customizable Chessboard
    • Board Flip
    • Switch Board
  2. Game Play

    • Take Back Moves
    • Move Hints
    • Evaluation Bar
    • Static Evaluation
    • Legal Move Highlighting
  3. Game Analysis

    • Real-time Analysis
    • Game Review & Evaluation Report
    • Blunder Detection
    • Evaluation Graph
    • Move List
  4. Game Management

    • Save and Load Games
    • PGN Viewer
    • FEN Viewer
    • Import/Export PGN and FEN
  5. Board Editor

    • Setup Position
    • Piece Placement
    • Validate Position
  6. Training Modes

    • Tactics Trainer
    • Endgame Training
    • Puzzle Rush
  7. Opening Explorer

    • Opening Database
  8. Stockfish Settings

    • Skill Level
    • Depth Control
    • Thinking Time
  9. Additional Features

    • Highlight Best Move
    • Multiple Analysis Engines
    • Engine vs. Engine
    • Visual Customizations
    • Coach Mode
    • Dark/Light Modes
    • Enhanced Accessibility Features
  10. Keyboard Shortcuts

    • Board Controls
    • Interface Navigation
  11. Scores of All Legal Moves

    • Move Evaluation Display
    • Real-time Updates
  12. Analysis Lines

    • Multi-Line Display
    • Interactive Analysis
    • Depth and Score

Development & Contribution

We welcome all developers to contribute to this repository by fixing bugs or adding features.

It is also great to check our advanced chess app at:


License

GNU AGPLv3: https://www.gnu.org/licenses/agpl-3.0.html


Credits

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.