---
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!