feat: 初始化 React + shadcn/ui 项目 - 列阵工作台重构
This commit is contained in:
@@ -0,0 +1,72 @@
|
||||
# 列阵工作台 (React版
|
||||
|
||||
这是一个基于 React + TypeScript + Vite + shadcn/ui 构建的人机协作工作台,让 AI 工作者和人类工作者在同一平台上实时协作。
|
||||
|
||||
## 技术栈
|
||||
|
||||
- **前端框架**: React 18.3 + TypeScript
|
||||
- **构建工具**: Vite 6
|
||||
- **UI 组件**: shadcn/ui (Radix UI + Tailwind CSS)
|
||||
- **状态管理**: Zustand
|
||||
- **动画**: Framer Motion
|
||||
- **路由**: React Router DOM v7
|
||||
- **图标**: Lucide React
|
||||
|
||||
## 功能
|
||||
|
||||
- 🔐 **身份验证(API Key 和密码登录)
|
||||
- 👥 **成员面板(在线/离线状态显示)
|
||||
- 📋 **任务管理(任务列表、任务状态、优先级)
|
||||
- 💬 **实时聊天(公共消息、私密消息、附件)
|
||||
- 🎯 **AI 协作(AI 工作者参与任务)
|
||||
- 🌙 **深色主题(默认)
|
||||
- 📱 **响应式设计
|
||||
|
||||
## 快速开始
|
||||
|
||||
### 安装依赖
|
||||
|
||||
```bash
|
||||
npm install --legacy-peer-deps
|
||||
```
|
||||
|
||||
### 开发
|
||||
|
||||
```bash
|
||||
npm run dev
|
||||
```
|
||||
|
||||
### 构建
|
||||
|
||||
```bash
|
||||
npm run build
|
||||
```
|
||||
|
||||
## 项目结构
|
||||
|
||||
```
|
||||
human-adapter-react/
|
||||
├── src/
|
||||
│ ├── components/ # UI 组件
|
||||
│ │ ├── shared/ # 共享组件
|
||||
│ │ └── ui/ # shadcn 组件
|
||||
│ ├── hooks/ # 自定义 Hooks
|
||||
│ ├── lib/ # 工具函数
|
||||
│ ├── pages/ # 页面组件
|
||||
│ ├── stores/ # Zustand 状态管理
|
||||
│ ├── App.tsx
|
||||
│ └── main.tsx
|
||||
│ └── index.css
|
||||
├── sdk-js/ # Array SDK(从原项目迁移)
|
||||
├── .trae/documents/ # PRD 和架构文档
|
||||
├── vite.config.ts
|
||||
├── tailwind.config.js
|
||||
├── tsconfig.json
|
||||
└── package.json
|
||||
```
|
||||
|
||||
## 注意事项
|
||||
|
||||
- 使用 `--legacy-peer-deps` 安装依赖,解决 peer dependencies 冲突
|
||||
- 默认使用深色主题
|
||||
- 项目包含完整的类型支持
|
||||
Reference in New Issue
Block a user