miltonweiss
Chess Analysis – Analyse-Ansicht mit Schachbrett, Evaluationsleiste und Zugliste

# 07

Next.jsNebenprojekt

Chess Analysis

Rolle
Alles von mir
Umfang
Web-App mit Engine-Analyse
Kontext
Nebenprojekt, kein Auftrag

Ausgangslage

Eine verlorene Partie auf Chess.com zeigt nur das Ergebnis, nicht den Zug, an dem sie gekippt ist. Wer daraus lernen will, muss jeden Zug einzeln nachprüfen. Chess Analysis macht genau das: Die eigenen Partien werden kostenlos analysiert und die entscheidenden Fehler sichtbar gemacht.

Entscheidungen

Die Engine Stockfish 19 läuft direkt im Browser als WebAssembly-Modul. Dadurch braucht die Analyse keinen eigenen Server, und die Partien bleiben lokal.

Jeder Zug wird eingeordnet, von der besten Fortsetzung bis zum groben Fehler. Dazu kommen ein Evaluationsgraph, der sich anklicken lässt, und eine Übersicht der Schlüsselmomente. So sieht man auf einen Blick, wo die Partie gekippt ist.

Umsetzung

Partien werden direkt über die öffentliche Chess.com-API importiert. Die Anfragen laufen nacheinander, weil die Schnittstelle bei parallelen Anfragen mit Ratelimits antwortet. Bereits importierte Partien werden nicht doppelt angelegt, und die Bibliothek liegt im IndexedDB des Browsers.

Gebaut mit Next.js, react-chessboard und chess.js. Die Engine läuft in einem eigenen Worker, damit die Oberfläche während der Analyse reaktionsschnell bleibt.

Ergebnis

Eine Web-App, in der man seine Chess.com-Partien importiert, durchgeht und dabei die Fehler findet, aus denen man lernen kann. Ohne Konto und ohne Kosten.

Nächstes Projekt