Skip to content

lovelifeloveyou/ts-todolist

Repository files navigation

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

应用功能点

  • 前后端均用 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 develop
# 开启一个新的终端,运行浏览器端
cd /TodoList

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

# 运行项目
npm run start

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published