Skip to content
/ taskmgr Public

a team collaboration tutorial app like teambition/worktile

Notifications You must be signed in to change notification settings

wpcfan/taskmgr

Folders and files

NameName
Last commit message
Last commit date
Aug 14, 2018
Nov 28, 2018
Jan 4, 2019
Feb 12, 2020
Feb 12, 2020
Sep 21, 2017
Jun 25, 2019
Aug 23, 2018
Aug 23, 2018
Feb 12, 2020
Jun 25, 2019
Aug 23, 2018
Jun 6, 2020
Feb 12, 2020
Jun 4, 2017
Aug 23, 2018
Jun 25, 2019
Jun 25, 2019
Jun 4, 2017
Aug 23, 2018
Jun 6, 2020

Repository files navigation

多用户任务管理系统

Build Status

采用的技术

  • 基于 @ngrx/store@ngrx/effects 管理状态以及状态产生的影响。并且使用 @ngrx/entity 减少了 reducer 的重复代码。
  • 使用 rxjs 实现响应式编程
  • 使用 lettable 操作符,让 rx 的依赖更小
  • 使用 json-server 生成原型 REST API
  • 使用 @angular/flex-layout 作为布局类库
  • 使用 @angular/material 为界面组件库以及实现界面主题
  • 使用 @angular/animations 完成动画
  • 封装了若干自定义组件、表单组件、指令、管道等
  • 使用 karma 进行单元测试:组件、服务、 effectsreducer 等。

开发工具链

  • 使用 yarn 作为包管理工具
  • 使用 @angular/cli 作为脚手架
  • package.json 中使用 concurrentlyjson-serverng serve 一起启动了

安装

  1. fork 这个项目
  2. git clone 项目
  3. cd taskmgr
  4. yarn install
  5. npm start 或者 yarn start 启动前端和 json-server ,在浏览器中访问 8000 端口
  6. npm run start:ssr 启动服务端渲染版本 (Server Side Rendering)