AI聊天与笔记管理应用

UnimindAI Web App是一个基于Firebase和MCP协议的AI聊天与笔记管理应用,提供聊天、笔记管理和MCP工具测试功能,适用于个人知识管理和开发测试。

  • by MedAmineTazarki
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 MedAmineTazarki/unimindai-web

使用说明

🧠 Unimindai网络应用程序

Unimindai的测试web应用程序-使用MCP测试Firebase后端的完整界面。

🌟 功能

✅ 界面去聊天 -与AI的对话
✅ 注释格式 -知识库(MCP)
✅ 测试MCP工具 -接口测试结果
✅ 身份验证Firebase -安全登录
✅ 现代设计 -界面响应

🚀 在线演示

👉 部署的应用程序: https://unimindai-web.vercel.app

📦 安装地点

# Cloner le repo
git clone https://github.com/MedAmineTazarki/unimindai-web.git
cd unimindai-web

# Ouvrir avec un serveur local
python -m http.server 8000
# OU
npx serve

⚙️ 配置

1.Firebase配置

编辑 config.js 使用Firebase配置:

const firebaseConfig = {
    apiKey: "VOTRE_API_KEY",
    authDomain: "fallalertapp-9b1fa.firebaseapp.com",
    projectId: "fallalertapp-9b1fa",
    // ...
};

2.主动身份验证

在 Firebase控制台:

  • 激活电子邮件/密码
  • 创建测试用户: demo@unimindai.com / demo123

3.后端URL

L'app观点:

https://us-central1-fallalertapp-9b1fa.cloudfunctions.net/api

确保后端已部署!

🎯 使用

1. 连接

  • 电子邮件: demo@unimindai.com
  • 密码: demo123

2. 聊天 💬

  • 向AI提问
  • 历史记录保存在Firestore中
  • 通过复制AI(Llama 3)进行响应

3. 备注 📝

  • 创建注释
  • 搜索您的笔记
  • 标签为组织
  • 安全存储(MCP知识库)

4. MCP工具 ⚙️

  • 查看所有可用工具
  • 手动测试每个工具
  • 查看JSON答案

🛠️ 技术

  • HTML5/CSS3/JavaScript -前端设计(框架设计)
  • Firebase身份验证 -身份验证
  • Firebase函数 -后端API
  • MCP协议 -JSON-RPC 2.0
  • 复制AI -LLM(火焰3)

📡 使用的端点API

// Chat
POST /api/chat/send-message

// MCP Tools
POST /api/mcp/tools/list
POST /api/mcp/tools/call

🔐 安全

  • ✅ 身份验证JWT Firebase
  • ✅ 后端验证令牌
  • ✅ 每个用户隔离的数据
  • ✅ CORS 已配置

📱 响应式

界面自动调整:

  • 📱 移动
  • 💻 桌面
  • 📐 餐桌

🐛 调试

打开浏览器控制台(F12)以查看:

  • 断开连接日志
  • API请求
  • 可能的错误

🔗 实用链接

📄 许可证

MIT许可证


创建于❤️ 测试Unimindai后端