{"id":28418047,"url":"https://github.com/tharuneshwar-s/mcp-space","last_synced_at":"2026-05-04T00:34:12.219Z","repository":{"id":294625407,"uuid":"987501881","full_name":"tharuneshwar-s/mcp-space","owner":"tharuneshwar-s","description":"MCP Space is a no-code platform for building and deploying AI tools using the Model Context Protocol (MCP). Create powerful AI agents through an intuitive chat interface without writing code, then deploy with one click to Cloudflare Workers. Combines a Next.js frontend with Google ADK backend for a seamless AI development experience.","archived":false,"fork":false,"pushed_at":"2025-05-21T10:15:22.000Z","size":49671,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-11T18:11:33.231Z","etag":null,"topics":["ai-tools","cloudflare-workers","gemini-api","google-adk","mcp","model-context-protocol","nextjs","no-code","no-code-platform","supabase","supabase-auth","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tharuneshwar-s.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-21T07:04:44.000Z","updated_at":"2025-06-26T09:26:51.000Z","dependencies_parsed_at":"2025-05-21T10:35:02.140Z","dependency_job_id":null,"html_url":"https://github.com/tharuneshwar-s/mcp-space","commit_stats":null,"previous_names":["tharuneshwar-s/mcp-space"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tharuneshwar-s/mcp-space","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tharuneshwar-s%2Fmcp-space","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tharuneshwar-s%2Fmcp-space/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tharuneshwar-s%2Fmcp-space/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tharuneshwar-s%2Fmcp-space/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tharuneshwar-s","download_url":"https://codeload.github.com/tharuneshwar-s/mcp-space/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tharuneshwar-s%2Fmcp-space/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32590389,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"ssl_error","status_checked_at":"2026-05-03T22:09:10.534Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai-tools","cloudflare-workers","gemini-api","google-adk","mcp","model-context-protocol","nextjs","no-code","no-code-platform","supabase","supabase-auth","typescript"],"created_at":"2025-06-04T09:47:50.838Z","updated_at":"2026-05-04T00:34:12.186Z","avatar_url":"https://github.com/tharuneshwar-s.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 MCP Space Platform\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./frontend/public/logo.png\" alt=\"MCP Space Logo\" width=\"200\"/\u003e\n  \n  \u003ch2\u003eNo-Code AI Tool Builder with Model Context Protocol\u003c/h2\u003e\n  \n  \u003cp\u003e    \u003ca href=\"https://github.com/tharuneshwar-s/mcp-space\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/GitHub-181717?style=for-the-badge\u0026logo=github\" alt=\"GitHub Repository\"/\u003e\u003c/a\u003e\n    \u003ca href=\"https://mcp.sh/\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/Model_Context_Protocol-7C4DFF?style=for-the-badge\u0026logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci16YXAiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDE1IDIyIDIyIDEwIDEwIDEwIj48L3BvbHlnb24+PC9zdmc+\" alt=\"Model Context Protocol\"/\u003e\u003c/a\u003e\n    \u003ca href=\"https://ai.google.dev/docs/agents_api\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/Google_ADK-EA4335?style=for-the-badge\u0026logo=google\u0026logoColor=white\" alt=\"Google ADK\"/\u003e\u003c/a\u003e\n    \u003ca href=\"https://nextjs.org/\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/Next.js_14+-000000?style=for-the-badge\u0026logo=next.js\" alt=\"Next.js\"/\u003e\u003c/a\u003e\n    \u003ca href=\"https://supabase.com/\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/Supabase-3ECF8E?style=for-the-badge\u0026logo=supabase\u0026logoColor=white\" alt=\"Supabase\"/\u003e\u003c/a\u003e\n    \u003ca href=\"https://www.cloudflare.com/\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/Cloudflare-F38020?style=for-the-badge\u0026logo=cloudflare\u0026logoColor=white\" alt=\"Cloudflare\"/\u003e\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n## 🌟 Overview\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./public/images/mcp-space-overview.svg\" alt=\"MCP Space Platform Overview\" width=\"80%\"/\u003e\n\u003c/div\u003e\n\nMCP Space is a complete platform for building and deploying AI tools using the Model Context Protocol (MCP). The system enables developers to create powerful AI agents through an intuitive chat interface without writing code, then deploy them with a single click to Cloudflare Workers.\n\nThe platform consists of two main components:\n\n1. **Frontend Application**: A Next.js web interface for designing, managing, and deploying MCP servers\n2. **Google ADK Backend**: An AI agent system that generates MCP server implementations based on user requirements\n\n## ✨ Key Features\n\n\u003cdiv align=\"center\"\u003e\n  \u003ctable\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e💬\u003c/td\u003e\n      \u003ctd\u003e\u003cstrong\u003eAI-Assisted Development\u003c/strong\u003e: Create your MCP server by chatting with our Gemini-powered assistant\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e🔄\u003c/td\u003e\n      \u003ctd\u003e\u003cstrong\u003eOrchestrated Workflow\u003c/strong\u003e: Step-by-step guidance through the development process\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e🛠️\u003c/td\u003e\n      \u003ctd\u003e\u003cstrong\u003eVisual Tool Management\u003c/strong\u003e: Configure, test, and manage MCP tools with an intuitive UI\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e📝\u003c/td\u003e\n      \u003ctd\u003e\u003cstrong\u003eAutomatic Code Generation\u003c/strong\u003e: Creates TypeScript MCP server implementations\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e🔑\u003c/td\u003e\n      \u003ctd\u003e\u003cstrong\u003eEnvironment Management\u003c/strong\u003e: Securely manage API keys and environment variables\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e🚀\u003c/td\u003e\n      \u003ctd\u003e\u003cstrong\u003eOne-Click Deployment\u003c/strong\u003e: Deploy your MCP server to Cloudflare Workers instantly\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e💾\u003c/td\u003e\n      \u003ctd\u003e\u003cstrong\u003ePersistent Storage\u003c/strong\u003e: All project data stored securely in Supabase\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e✨\u003c/td\u003e\n      \u003ctd\u003e\u003cstrong\u003eModern UI\u003c/strong\u003e: Beautiful space-themed interface with responsive design\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/table\u003e\n\u003c/div\u003e\n\n## 🏗️ System Architecture\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./google-adk/public/images/architecture-diagram.svg\" alt=\"Architecture Diagram\" width=\"80%\"/\u003e\n\u003c/div\u003e\n\nThe MCP Space platform combines multiple technologies to provide a seamless experience:\n\n1. **User Interface Layer**:\n   - Next.js 14+ frontend with TypeScript\n   - Redux for state management\n   - Tailwind CSS with shadcn/ui components\n   - Real-time updates and responsive design\n\n2. **AI Agent Layer**:\n   - Google Agent Development Kit (ADK)\n   - Gemini API for natural language processing\n   - Sequential agent orchestration\n   - Information collection and code generation\n\n3. **Storage \u0026 Authentication Layer**:\n   - Supabase PostgreSQL database\n   - Google OAuth authentication\n   - Secure environment variable management\n   - Persistent deployment tracking\n\n4. **Deployment Layer**:\n   - Cloudflare Workers for server hosting\n   - Automatic build and deployment pipeline\n   - MCP protocol compliance testing\n   - Deployment status monitoring\n\n## 📁 Project Structure\n\nThe MCP Space project is divided into two main directories:\n\n### Frontend Application (`/frontend`)\n\n```\nfrontend/\n├── 📱 src/                    # Next.js application source\n│   ├── 🧩 app/                # Next.js App Router pages\n│   ├── 🧱 components/         # React components\n│   ├── 📚 lib/               # Core functionality\n│   └── 🛠️ utils/             # Utility services\n├── 🖼️ public/                # Static assets\n└── 📊 supabase/              # Database configuration\n```\n\n### Google ADK Backend (`/google-adk`)\n\n```\ngoogle-adk/\n├── 📋 manager/               # Agent management system\n│   ├── 🔧 config/            # Configuration utilities\n│   ├── 📄 schema/            # Data schemas\n│   └── 🤖 sub_agents/        # Specialized AI agents\n└── 🖼️ public/                # Static assets and images\n```\n\n## 🎬 Demo Video\n\n\u003cdiv align=\"center\"\u003e\n\nhttps://github.com/user-attachments/assets/efa11737-023b-42d1-916b-8b9cc592420f\n\n\u003c/div\u003e\n\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- Node.js 18+ (for Frontend)\n- Python 3.9+ (for Google ADK)\n- Google Cloud account with Gemini API access\n- Supabase account\n\n### Running the Frontend\n\n```bash\n# Clone the repository\ngit clone https://github.com/tharuneshwar-s/mcp-space.git\ncd mcp-space/frontend\n\n# Install dependencies\nnpm install\n\n# Set up environment variables\ncp .env.local.example .env.local\n# Edit .env.local with your API keys\n\n# Start the development server\nnpm run dev\n```\n\nVisit [http://localhost:3000](http://localhost:3000) to access the application.\n\n### Running the Google ADK Backend\n\n```bash\n# Navigate to the ADK directory\ncd mcp-space/google-adk\n\n# Install dependencies\npip install -r requirements.txt\n\n# Set up environment variables\n# Create .env file with required API keys\n\n# Start the ADK web server\nadk web --session_db_url=\"postgresql+psycopg2://{DB_USERNAME}:{DB_PASSWORD}@{DB_HOST}:{DB_PORT}/{DB_NAME}\" --allow_origins=\"*\"\n```\n\nThe ADK server will be available at [http://localhost:8080](http://localhost:8080).\n\n## 🌐 Integration Flow\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./google-adk/public/images/integration.svg\" alt=\"Integration Flow\" width=\"80%\"/\u003e\n\u003c/div\u003e\n\nThe frontend and backend components work together to provide a seamless experience:\n\n1. **User starts in the Frontend**: Authenticates and begins a new MCP server project\n2. **Google ADK conversation begins**: User explains their requirements to the AI assistant\n3. **Information Collection**: The system gathers specifications for the MCP server\n4. **Code Generation**: Complete TypeScript implementation is generated\n5. **Configuration**: Environment variables and settings are configured\n6. **Deployment**: The server is built and deployed to Cloudflare Workers\n7. **Testing \u0026 Monitoring**: The deployed server is tested and monitored\n\n## 📚 Documentation\n\nFor more detailed information, see the individual README files for each component:\n\n- [Frontend Documentation](./frontend/README.md)\n- [Google ADK Documentation](./google-adk/README.md)\n\n## 👥 Contributing\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./frontend/public/images/frontend-contribution.svg\" alt=\"Contribution Process\" width=\"80%\"/\u003e\n\u003c/div\u003e\n\nContributions are welcome! Please follow these steps:\n\n1. Fork the repository\n2. Create a feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## 📜 License\n\nThis project is licensed under the MIT License.\n\n\u003cdiv align=\"center\"\u003e\n  \u003cp\u003e\n    \u003cb\u003eMade with ❤️ by the MCP Space Team\u003c/b\u003e\n  \u003c/p\u003e\n  \u003cimg src=\"./frontend/public/images/stars-bg.svg\" alt=\"Stars\" width=\"100%\"/\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftharuneshwar-s%2Fmcp-space","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftharuneshwar-s%2Fmcp-space","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftharuneshwar-s%2Fmcp-space/lists"}