91 lines
1.5 KiB
Markdown
91 lines
1.5 KiB
Markdown
# Twilio App
|
|
|
|
一个基于 React + TypeScript + Vite 的现代化 Twilio 应用程序。
|
|
|
|
## 功能特性
|
|
|
|
- 📞 视频通话功能
|
|
- 👥 用户管理
|
|
- 📊 数据仪表板
|
|
- 📋 通话记录管理
|
|
- 🎨 现代化 UI 设计
|
|
|
|
## 技术栈
|
|
|
|
- **前端框架**: React 18
|
|
- **类型检查**: TypeScript
|
|
- **构建工具**: Vite
|
|
- **UI 组件**: Ant Design
|
|
- **状态管理**: React Context
|
|
- **通信**: Twilio Video SDK
|
|
- **样式**: CSS3
|
|
|
|
## 快速开始
|
|
|
|
### 环境要求
|
|
|
|
- Node.js >= 16.0.0
|
|
- npm >= 8.0.0
|
|
|
|
### 安装依赖
|
|
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
### 开发环境
|
|
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
### 构建生产版本
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
### 预览生产版本
|
|
|
|
```bash
|
|
npm run preview
|
|
```
|
|
|
|
## 项目结构
|
|
|
|
```
|
|
src/
|
|
├── components/ # 通用组件
|
|
├── pages/ # 页面组件
|
|
├── services/ # API 服务
|
|
├── hooks/ # 自定义 Hooks
|
|
├── utils/ # 工具函数
|
|
├── types/ # TypeScript 类型定义
|
|
├── store/ # 状态管理
|
|
└── styles/ # 样式文件
|
|
```
|
|
|
|
## 环境配置
|
|
|
|
复制 `.env.example` 为 `.env` 并配置相关环境变量：
|
|
|
|
```bash
|
|
cp .env.example .env
|
|
```
|
|
|
|
## 贡献指南
|
|
|
|
1. Fork 本仓库
|
|
2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)
|
|
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
|
|
4. 推送到分支 (`git push origin feature/AmazingFeature`)
|
|
5. 创建 Pull Request
|
|
|
|
## 许可证
|
|
|
|
本项目采用 MIT 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情。
|
|
|
|
## 联系方式
|
|
|
|
- 作者: mars
|
|
- 邮箱: mars421023@gmail.com |