File size: 1,285 Bytes
ba7c76d
faf907f
 
 
 
ba7c76d
 
 
 
faf907f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
---
title: Tic-Tac-Toe Game UI
emoji: ๐ŸŽฎ
colorFrom: green
colorTo: blue
sdk: docker
pinned: false
---

# ๐ŸŽฎ Tic-Tac-Toe Game UI

Visual interface for the room-based tic-tac-toe game. Play against Mistral AI with real-time chat and markdown game state visualization.

## ๐ŸŒ **Live Game Interface**

- **Create/Join Rooms**: Multiple isolated game sessions
- **Play vs Mistral AI**: Competitive AI with personality
- **Real-time Chat**: Interactive conversations
- **Live Markdown View**: See game state as MCP tools see it
- **Room Management**: Switch between multiple games

## ๐Ÿ”— **Companion to MCP Server**

This UI works alongside the MCP server for LeChat integration:
- **MCP Server**: [Tic-Tac-Toe MCP Server](https://ravithejads-tictactoe.hf.space)
- **Web UI**: This Space (visual gameplay)

## ๐ŸŽฏ **How to Play**

1. **Create Room**: Click "Create New Room" 
2. **Play**: Click squares to make moves (you are X)
3. **Chat**: Send messages to Mistral AI
4. **Monitor**: Watch the markdown representation update

## ๐Ÿ“‹ **Features**

- Room-based gameplay
- Mistral AI opponent with trash talk
- Real-time game state updates  
- Markdown visualization
- Multiple concurrent games
- Responsive design

Perfect for testing and demonstrating the tic-tac-toe game logic!