I'll help you create a Chinese Chess (Xiangqi) game with React + Tailwind CSS for the client and Node.js + Socket.io for the server. Let's start by setting up both projects.

Client Project (React + Tailwind CSS)

Server Project (Node.js + Socket.io)

How to Run the Projects

Client Setup

1. Create a new React project:

2. Install the required dependencies:

3. Copy the client code files into their respective locations in your project structure.

Server Setup

1. Create a new directory for the server:

2. Initialize a new Node.js project:

3. Install the required dependencies:

4. Copy the server code files into the project directory.
5. Update the package.json file with the provided content.

Running the Projects

1. Start the server:

2. Start the client:

3. Open your browser and navigate to http://localhost:3000 to play the game.

Game Features

• Real-time multiplayer Chinese Chess game
• Room creation and joining system
• Complete implementation of Chinese Chess rules
• Visual representation of the game board and pieces
• Move validation and game state tracking
• Check and checkmate detection
• Game history and captured pieces display
• Responsive design with Tailwind CSS

You can share the room ID with another player to start a game. The first player will be red (moves first) and the second player will be black.

Please make sure to add the following environment variable to your project: