Implement game chat feature

[XBotYT]

Feature: Game Chat Implementation

Description

Implement a real-time chat system to allow players to communicate during matches. This feature will transition our communication model from purely REST API calls to include WebSockets, enabling instantaneous message delivery. This is an optional feature specified in the project requirements to enhance multiplayer engagement.

Requirements

• WebSocket Integration: Set up a WebSocket server/gateway within the existing TypeScript web application.
• Real-time Messaging: Users should be able to send and receive text messages instantly during an active game session.
• User Context: Messages should be associated with the registered user's profile. Guest messages will display as Guest.

Tasks

• Research and select a WebSocket library (e.g., Socket.io or native WebSockets).
• Implement the backend WebSocket handler to manage connections and broadcast messages.
• Add basic styling to ensure it doesn't interfere with the game board layout.

Technical Notes

• Language: TypeScript (Frontend and Backend).
• Communication: While the game logic uses JSON/YEN notation, the chat will use standard JSON strings for message delivery.
• Testing: Ensure unit tests cover message broadcasting and integration tests verify connection stability.

Evaluation Criteria Alignment

• Functionality: Adds the requested real-time communication capability.
• Usability: Enhances the player experience with a social layer.
• Originality: Provides an optional feature beyond the base requirements.