This repository contains a Model Context Protocol (MCP) implementation with three main components: MCP servers, MCP client, and MCP UI. Follow the steps below to set up and run the complete system.
- Python 3.8+ with
uvpackage manager - Node.js 16+ with
npm - Git
git clone https://github.com/Granth-Gupta/Model-Context-Protocol.git cd Model-Context-Protocol
The MCP servers are already deployed and accessible via the following URLs:
📡 Employee Server:
https://mcp-server-employee-273927490120.us-central1.run.app/📡 Leaving Server:
https://mcp-server-leaving-273927490120.us-central1.run.app/
✅ These servers are ready to use and don't require local setup.
Navigate to the MCP client directory and install dependencies:
cd MCP_client pip install -r requirements.txt
uv run main.py
💡 The client will connect to the deployed MCP servers and provide the interface for interacting with the Model Context Protocol.
Navigate to the UI directory and install dependencies:
cd MCP_UI npm install
npm run dev
🌐 The UI will be available at http://localhost:5173 (or the port specified in the console output).
Follow these steps in order:
- 📥 Clone Repository
git clone https://github.com/Granth-Gupta/Model-Context-Protocol.git cd Model-Context-Protocol
- 🐍 Set Up MCP Client
cd MCP_client pip install -r requirements.txt uv run main.py
- 🎨 Set Up MCP UI (in a new terminal) cd MCP_UI npm install npm run dev
The system is configured to use the following server endpoints:
| 🏷️ Component | 🌐 URL |
|---|---|
| Employee Server | https://mcp-server-employee-273927490120.us-central1.run.app/ |
| Leaving Server | https://mcp-server-leaving-273927490120.us-central1.run.app/ |
Common issues and solutions:
-
🐍 Python Dependencies: Ensure you have
uvinstalled. If not, install it with: pip install uv -
📦 Node.js Issues: Make sure you're using Node.js 16+ and npm is properly installed: node --version npm --version
-
🚪 Port Conflicts: If the default ports are in use, the applications will automatically use alternative ports
Once all components are running:
- 🔄 The MCP Client handles the core protocol communication
- 🖥️ The MCP UI provides a user-friendly interface for interaction
- 🌐 The MCP Servers process requests and return responses
🚀 Access the web interface through your browser at the URL displayed when running npm run dev to start using the Model Context Protocol system.