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