AI聊天机器人CRM平台

一个结合AI聊天功能和客户关系管理的平台,提供智能对话、文档管理和实时分析。

  • by ChiragPatankar
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 ChiragPatankar/MCP

使用说明

<<<<<<<头

客户圈

人工智能聊天机器人和CRM平台 -通过智能对话改变客户关系。

🚀 特性

前端(React+TypeScript)

  • 现代UI/UX:响应式设计,移动优化
  • AI 聊天:由Google Gemini提供智能响应
  • 知识库:上传用于AI环境的PDF和文档
  • CRM仪表板:管理客户关系
  • 多用户:支持多个企业/品牌
  • 实时分析:跟踪对话和见解
  • 小部件系统:用于网站的可嵌入聊天小部件

后端(Cloudflare Workers)

  • 无服务器API:快速、全球分布
  • Supabase集成:PostgreSQL数据库
  • 认证:智威汤逊+谷歌OAuth
  • 文件处理:PDF文本提取
  • API知识库:文件管理

📁 项目结构

clientsphere/
├── src/                    # React frontend
│   ├── components/         # Reusable UI components
│   ├── pages/             # Page components
│   │   ├── auth/          # Login, Signup
│   │   ├── admin/         # Admin dashboard
│   │   └── tenant/        # Tenant dashboard
│   ├── context/           # React contexts
│   ├── hooks/             # Custom React hooks
│   ├── lib/               # Utility functions
│   └── types/             # TypeScript definitions
├── mcp-backend/           # Cloudflare Worker backend
├── gemini-mcp-server/     # Python AI Server (Hugging Face)
├── public/                # Static assets
└── dist/                  # Built frontend

🛠️ 技术栈

前端

  • 反应18 使用TypeScript
  • 维特 用于构建工具
  • Tailwind CSS 用于造型
  • 帧运动 用于动画
  • React Router 用于导航
  • Radix UI 对于组件

后端

  • Cloudflare员工 (无服务器)
  • Supabase (PostgreSQL+身份验证)
  • 谷歌双子座AI 聊天
  • JWT 用于身份验证

🚀 快速开始

先决条件

  • Node.js 18+
  • npm或纱线

安装

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

环境变量

创建一个 .env.local 文件:

VITE_API_URL=https://your-backend.workers.dev
VITE_GEMINI_MCP_URL=https://your-ai-server.hf.space
VITE_GOOGLE_CLIENT_ID=your-google-client-id
VITE_APP_NAME=ClientSphere
VITE_APP_VERSION=1.0.0

🌐 部署

前端(Cloudflare页面)

npm run build
npx wrangler pages deploy dist --project-name=clientsphere

后端(Cloudflare Workers)

cd mcp-backend
npx wrangler deploy

📊 API终点

端点 方法 描述
/auth/signin POST 用户登录
/auth/signup POST 用户注册
/api/knowledge-base GET/POST 知识库CRUD
/api/chat GET/POST 聊天消息
/mcp/process POST 人工智能聊天处理
/health GET 健康检查

🎨 截图

  • 着陆页:现代动画英雄部分
  • 仪表盘:分析和快速行动
  • 知识库:上传和管理文档
  • 在线聊天:实时测试AI响应

📄 许可证

MIT许可证-请参阅 许可证 了解详情。


<<<<<<<头 客户圈 -你的客户,连接。 🌐

由...制作❤️ 通过希拉格

7c7c9ed51d813405e7ed2f90e85d31ab34c6b =======


标题:RAG后端 表情符号🚀 颜色来源:粉红色 颜色To:靛蓝色 sdk:docker 固定:false

查看配置参考https://huggingface.co/docs/hub/spaces-config-reference

c7164f2c30d7155283c30c509405593b5f517157