Skip to content
一款基于 TS + React + Antd + Koa2 + MongoDB 实现的 TodoList 全栈应用
TypeScript CSS HTML
Branch: master
Clone or download
Latest commit 6da08a0 Sep 3, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode feat: mongoose结合TS Jun 17, 2019
config refactor: eject Jun 6, 2019
public refactor Mar 8, 2019
scripts refactor: eject Jun 6, 2019
server node HTTPS Sep 3, 2019
src fix: PROD_BASE_URL Sep 3, 2019
.gitattributes fix: ctx.request.body Jun 12, 2019
.gitignore fix: chroe Jun 16, 2019
.travis.yml feat: mongoose结合TS Jun 17, 2019
LICENSE Initial commit Feb 18, 2019
README.md Update README.md Sep 3, 2019
id_rsa.enc fix: ci Jun 6, 2019
package.json feat: add https Jul 3, 2019
tsconfig.json node HTTPS Sep 3, 2019
tsconfig.prod.json refactor Mar 8, 2019
tsconfig.test.json refactor Mar 8, 2019
tslint.json feat: mongoose结合TS Jun 17, 2019

README.md

Build Status

🚩 一款基于 TS React Antd Koa2 MongoDB 实现的 TodoList 全栈应用

线上访问地址

https://baobangdong.cn:4000/

应用成果

掘金文章传送门

应用功能点

  • 前后端均用 TS 编写
  • 自主设计 RESTful 接口、数据库,并实现前后端分离开发
  • 实现用户的登录注册
  • 实现 Todo 的关键词查询,内容修改,状态更改,记录删除
  • 服务端的优雅错误处理

技术栈

  • 前端
    • TypeScript(赋予 JS 强类型语言的特性)
    • React(当下最流行的前端框架)
    • Axios(处理 HTTP 请求)
    • Ant-Design(阿里开源的 UI 语言框架)
    • React-Router(处理页面路由)
    • Redux(数据状态管理)
    • Redux-Saga(处理异步 Action)
  • 后端
    • Koa2(基于 Node.js 平台的下一代 web 开发框架)
    • MongoDB(非关系型数据库)

本地运行

# clone
git clone https://github.com/B2D1/TodoList.git

# 全局安装 typescript
cnpm i typescript -g
# 进入server文件夹,运行服务端
cd /TodoList/server

# 安装后端所需要的依赖包
cnpm i

# 启动后端服务,监听本地5000端口,请自行下载MongoDB,并开启数据库服务
npm run dev
# 开启一个新的终端,运行浏览器端
cd /TodoList

# 安装前端所需要的依赖包
cnpm i

# 运行项目
npm run start
You can’t perform that action at this time.