{"type":"mcp_client","name":"mcp-web-client","description":"This repository hosts a web-based MCP client for creating and managing advanced chatbot applications, integrating with backend MCP servers via SSE for real-time interaction and Dify for chatbot management.","category":"Communication","language":"TypeScript","stars":27,"forks":1,"owner":"jinruoxinchen","github_url":"https://github.com/jinruoxinchen/mcp-web-client","homepage":null,"setup":"## Setup\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/yourusername/mcp-web-client.git\ncd mcp-web-client\n```\n\n2. Install frontend dependencies:\n\n```bash\ncd frontend\npnpm install\n```\n\n3. Install backend dependencies:\n\n```bash\ncd ../backend\npnpm install\n```\n\n4. Configure environment variables:\nCreate .env files for frontend and backend, and fill in the required environment variables according to .env.example.\n\n5. Start the development server:\n\n```bash\n# Start frontend and backend (execute in the project root directory)\ndocker-compose up\n```\n\n6. Access the application:\nOpen your browser and visit http://localhost:3000","tools":"## Available Tools\n\n1. **多 Chatbot 管理**: Integrate Dify to create and manage Chatbots.\n2. **MCP 服务器集成**: Connect and manage multiple MCP servers via SSE.\n3. **实时交互**: Real-time chat and tool invocation using SSE.\n4. **直观的用户界面**: Modern, responsive user interface with Markdown and code highlighting support.\n5. **轻量级部署**: Lightweight deployment using SQLite database.","faq":null,"created_at":"2025-03-19T03:57:23+00:00","updated_at":"2025-03-26T07:24:21+00:00","source_url":"https://model-context-protocol.com/clients/web-client-chatbot-management-mcp-dify","related_articles":[]}