README.md

metadata

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