移动端记账本

我要开发同款
杨笑2023年07月27日
118阅读
所属分类H5网站

作品详情

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

前端:
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-frontend
2. 后端仓库:https //github.com/xiaoyang5116/shawn-pocket-book-backend
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论