I've created this chessboard component since all the available libraries were pretty much useless or buggy on mobile.
This was part of a project i was working on in the past weeks. There's also a Chess Library & AI written and used for it.
The project is gona be under active development for the following months to implement more features such as promotion dialogs and other features.
The Problem
No libraries are are available for angular, nor provide support mobile touch and drag & drop.
What's wrong with chessboard.js?
http://chessboardjs.com/
Honestly i really liked it and thought it's gona be a good solution for the game i was working on, but i ran into issues pretty quickly when tried to use this in Angular.
This library is based on jQuery and is pretty outdated. using such project in angular is pretty much a mess as it requires including jQuery. The greatest problem is that mobile support is not available .
Currently Supported features
- Mobile Touch Controlls (iOS / Android)
- Browser Drag & Drop
- Custom Highlights
- Move Animations
Code
The code is available on github:
https://github.com/azarus/ng2-chessboard
What's next?
- Add arrow supports for visualization purposes
- Resolve any bugs users may experience
- Improve the documentation
Posted on Utopian.io - Rewarding Open Source Contributors