SpatialGrid MCP Chat Interface

This project provides a modern chat interface for interacting with the SpatialGrid MCP (Model Context Protocol) server.

Overview

The project consists of two main parts:

1. MCP Server: A Node.js server running Model Context Protocol that provides various tools and resources for spatial grid applications.
2. Chat Interface: A React-based frontend that provides a user-friendly interface to interact with the MCP server.

Features

• 💬 Real-time chat interface
• 🚀 Built with React and Tailwind CSS
• 🔌 WebSocket communication with the MCP server
• 📱 Responsive design for all screen sizes
• ✨ Markdown rendering for responses

Quick Start

The easiest way to get started is to run the setup script:

# Make the script executable if it isn't already
chmod +x setup.sh

# Run the setup script
./setup.sh

This will:

1. Install all dependencies
2. Build the frontend
3. Start the server

Once running, you can access the chat interface at http://localhost:3001.

Manual Setup

If you prefer to set up the project manually:

Frontend

# Navigate to the frontend directory
cd frontend

# Install dependencies
npm install

# Start development mode (separate React and proxy servers)
npm run dev

# OR build for production and start the server
npm run build
npm run server

Project Structure

• index.js - The main MCP server
• frontend/ - React frontend application
  • src/ - React source code
  • public/ - Static assets
  • server.js - WebSocket proxy server

MCP Tools

The MCP server provides various tools that you can access through the chat interface, including:

• Basic calculations
• MongoDB collection management
• Asset management
• Project creation and management
• Experience publishing

License

MIT