tictoctoe-ui / README.md
ravithejads's picture
Upload 6 files
faf907f verified
---
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!