移动端记账本服务,实现登录、注册、添加账单、修改账单、删除账单、上拉加载更多账单、根据月份筛选账单、根据账单
类型筛选账单、计算月支出和收入总和、统计每月支出和收入的账单类别占比,使用饼状图显示、修改个性签名、重置账
号、退出登录。
前端:
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