mcpField
S
SpatialGrid MCP Chat Interface

SpatialGrid MCP Chat Interface

Local
github.com/imabhi123AI & Agents0Updated 78w ago
Repository

About SpatialGrid MCP Chat Interface

A React chat interface paired with a Node.js MCP server for spatial grid applications. It lets users access server tools and resources through WebSocket chat, with Markdown-rendered responses.

Key features

  1. 01Real-time chat interface
  2. 02WebSocket server communication
  3. 03Responsive React frontend
  4. 04Markdown response rendering
  5. 05Spatial grid tools and resources

Use cases

  1. 01Run calculations through chat
  2. 02Manage MongoDB collections
  3. 03Manage assets and projects
  4. 04Publish experiences

MCP support

The project includes a Node.js MCP server exposing tools and resources for spatial grid applications. Its React chat interface communicates with the server over WebSocket.

#mcp-server#chat-interface#spatial-grid

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

No install method listed yet

We haven’t collected a package or remote endpoint for this server. Follow the instructions in the project README.

Repository

Tools

No tool list yet

Local servers expose tools only once running on your machine, and the maintainer has not provided a tool list.

Details

From the project README

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

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.