victop-front-end-frame

The Task Manager System

Usage no npm install needed!

<script type="module">
  import victopFrontEndFrame from 'https://cdn.skypack.dev/victop-front-end-frame';
</script>

README

多用户任务管理系统

采用的技术

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

开发工具链

  • 使用 yarn 作为包管理工具
  • 使用 @angular/cli 作为脚手架
  • 在 package.json 中使用 concurrently 把 json-server 和 ng serve 一起启动了

安装222

  1. fork 这个项目
  2. git clone 项目
  3. cd taskmgr
  4. yarn install
  5. npm start 启动前端和 json-server
  6. npm run start:ssr 启动服务端渲染版本 （Server Side Rendering）