移动端记账本服务，实现登录、注册、添加账单、修改账单、删除账单、上拉加载更多账单、根据月份筛选账单、根据账单类型筛选账单、计算月支出和收入总和、统计每月支出和收入的账单类别占比，使用饼状图显示、修改个性签名、重置账号、退出登录。前端： 1. 使用 React 18 + TypeScript + Vite 搭建前端项目。2. 使用 Ant Design Mobile 、Zarm Design 组件库制作页面 UI 。3. 使用 sass 编写页面样式。4. 使用 xpostcss-px-to-viewport 适配移动端布局，将 px 转换 vw。5. 使用 axios 进行请求的封装和拦截。6. 使用 React Router v6 管理页面路由。7. 使用 zustand 状态管理库，管理状态，实现状态持久化。8. 使用 echarts-for-react 制作可视化图表。9. 使用 react-hook-form、zod 创建表单并验证表单数据。10. 通过 vercel 自动部署前端项目。后端: 1. 使用 node.js 框架 Nset.js 搭建服务端应用。2. 使用 typeorm 映射数据库数据。3. 使用 jwt 管理用户状态。4. 使用 swagger 生成接口文档。5. 使用 mysql 数据库存储数据。6. 使用 微信云托管服务 部署项目。项目链接：1. 网站地址：https://www.shawnyang.club/1. 前端仓库：https //github.com/xiaoyang5116/shawn-pocket-book-frontend2. 后端仓库：https //github.com/xiaoyang5116/shawn-pocket-book-backend