# 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:

```bash
# 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](http://localhost:3001).

## Manual Setup

If you prefer to set up the project manually:

### Frontend

```bash
# 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