https://github.com/wpcfan/taskmgr

a team collaboration tutorial app like teambition/worktile
https://github.com/wpcfan/taskmgr

angular material-design ngrx redux rxjs tyepscript

Last synced: about 2 months ago
JSON representation

a team collaboration tutorial app like teambition/worktile

• Host: GitHub
• URL: https://github.com/wpcfan/taskmgr
• Owner: wpcfan
• Created: 2017-04-13T06:20:08.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T16:08:25.000Z (about 2 years ago)
• Last Synced: 2024-04-14T10:54:48.302Z (9 months ago)
• Topics: angular, material-design, ngrx, redux, rxjs, tyepscript
• Language: TypeScript
• Size: 19.2 MB
• Stars: 101
• Watchers: 10
• Forks: 71
• Open Issues: 26
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 多用户任务管理系统

[![Build Status](https://travis-ci.org/wpcfan/taskmgr.svg?branch=master)](https://travis-ci.org/wpcfan/taskmgr)

## 采用的技术

- 基于 `@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）