2026

Bito Chess

App

Work
Product design, UX and UI, Front-end development
Made as
Personal project
Platform
Progressive web app
Tools
TypeScript, Vite, chessground, chess.js

Visit bitochess.com

The Bito Chess mark, a pixel pawn in ginger on a white rounded square, on a ground of painted and sketched chess pieces
Marçal’s face on a ginger chess pawn, a hand at its chin, looking away mid-thought

Why I built it

I’m a chess player who wanted a better way to learn. Bito Chess began with remembering my openings, then grew into a way to learn from the rest of my games too. I designed and built it as a one-person project.

What it does

Import your games, explore where they changed and practise those positions again. Alongside the personal exercises, you can build an opening repertoire, review it with spaced repetition, solve puzzles and practise endgames.

How it is built

I built the app with Vite and TypeScript. Stockfish runs in the browser for local analysis. Data is stored on the device, with account-based sync for repertoires and game-library sync through Full Access.

What it does

  • Learn from your games

    Import from Chess.com or Lichess, find turning points and explore stronger alternatives with engine analysis.

  • Practise your own positions

    Retry mistakes, spot blunders, compare moves and rediscover your best decisions through exercises drawn from games you played.

  • Build your repertoire

    Enter your own lines, explore thousands of named openings and starter packs, and prepare for opponents by studying what they play.

  • Remember your moves

    Spaced repetition schedules reviews over time, bringing difficult moves back more often as you learn your opening lines.

  • Train tactics and endgames

    Solve rated puzzles, practise by theme and play out classic endgames or positions found in your own games.

  • Make practice a habit

    Build a daily challenge and follow your move recall, puzzle ratings, playing-rating trends and results by opening.

  • The home screen: a daily-challenge card listing lines, positions and puzzles to do, above a getting-started checklist
    The daily challenge: a few lines, a few positions and a few puzzles, taken from whatever is due.
  • The line builder: a board part-way through the Italian Game, with the explorer panel open beneath it
    Entering a line by hand. Each possible answer carries the opening it leads to and what the database thinks of it.
  • The repertoire list, each saved line shown with its board position and a training toggle
    The repertoire. Every line can be trained, paused, tagged or annotated.
  • The training screen, with openings, middlegame, tactics and endgames as four cards
    Training is divided by what you are practising, not by how long you have got.
  • The statistics screen: a streak calendar, line counts, and a move-memory ring
    The statistics screen brings together training consistency and move recall.