oxuxo / taskmgr

a team collaboration tutorial app like teambition/worktile

多用户任务管理系统

采用的技术

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

开发工具链

• 使用 yarn 作为包管理工具
• 使用 @angular/cli 作为脚手架
• 在 package.json 中使用 concurrently 把 json-server 和 ng 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）