毕业设计: 基于React的敏捷团队协作工具

线上地址: Plan-Box

毕业了, 下线!

功能描述

参考主流敏捷团队协作工具实现了如下几个模块, 如果熟悉Scrum的话应该不会陌生嗷

• Team 团队模块

• Sprint 任务周期模块

• Backlog 任务池模块

• Lane 泳道模块

• WorkOrder 工单模块

偏向技术方面的功能如下:

• GitHub授权登录: 使用egg-passport-github

• 拖拽表格/拖拽卡片: 使用HTML5 Drag & Drop

• 根据配置自动生成Antd表单

• 部分模块使用socket.io做数据同步

  • 工单模块: 使用HTML5 Notification API进行通知

  • 团队模块: 使用Antd Notification组件进行通知, 并实时同步

  • 泳道模块

• 自定义右键菜单

涉及技术

• 前端:

  • React
  • Mobx
  • Sass
  • Antd
  • axios
  • Webpack

• 后端:

  • egg.js
  • mongodb
  • socket.io
  • passport
  • jwt

• 其他:

  • Travis CI
  • Docker

项目运行效果

第三方登录

团队模块

任务池模块

任务周期模块

泳道模块效果

工单模块效果