Xiangqi: Real-Time Chinese Chess Game

A real-time two-player Chinese chess game with drag-and-drop interface and game history navigation.

View

Mobile Preview

Key Responsibilities

Developed game board, implemented real-time multiplayer, created history navigation.

Key Implementations

Drag-and-drop interface, masked board positions, game history navigation, WebSocket-based multiplayer.

Customer Impact

Provided an engaging and interactive gaming experience for Chinese chess enthusiasts.

Project Overview

The Problem

Need for a modern, real-time Chinese chess game with intuitive controls and history tracking.

The Solution

Built a React-based game with drag-and-drop, real-time multiplayer, and game history features.

Vision & Impact

Delivered a modernized, accessible version of Xiangqi for global players.

Detailed Overview

Developed Xiangqi, a real-time two-player game for ancient Chinese chess, using React. Implemented a drag-and-drop interface with masked board positions and game history navigation, allowing players to review past moves. The game supports real-time multiplayer functionality, enhancing user engagement through interactive gameplay.

Technical Details

Technologies Used

React

TypeScript

WebSockets

REST APIs

Drag-and-Drop

Project Information

Duration

Apr 2020 - Aug 2020

Team Size

Team of 5

My Role

React Architect

Key Achievements

Developed a drag-and-drop interface with masked board positions.
Implemented real-time multiplayer with WebSockets.
Built game history navigation for enhanced user experience.

Challenges & Learnings

Implementing real-time multiplayer with WebSockets.
Optimizing drag-and-drop performance for smooth gameplay.
Managing game state for history navigation.

Explore This Project

Visit Live Project

Ready to Collaborate?

If you have a project in mind or just want to connect, feel free to reach out.