面向个人财务管理场景,打造私有化云端记账网页,支持账号登录鉴权,数据云端存储,账号数据隔离,仅账号本人访问、录入收支记录,实现账单管理、收支统计。
点击空白处退出提示
面向个人财务管理场景,打造私有化云端记账网页,支持账号登录鉴权,数据云端存储,账号数据隔离,仅账号本人访问、录入收支记录,实现账单管理、收支统计。
项目是个人云端记账 Web 页面,支持自动云端同步。可以选择收支分类、快速选择金额或自定义金额,填写消费地点、选择记账日期,一键新增账单;自动统计当月总支出、日均花费、账单笔数,并且按分类汇总消费数据,直观展示各类开销。账号隔离,仅本人登录查看自己的账目,满足日常个人收支记录管理。
端使用 React+TypeScript、Vite、Tailwind CSS 搭建页面,React Hooks 管理状态,封装 fetch 进行网络请求,实现记账录入与消费统计展示;后端基于 Deno 边缘函数开发接口,对接 Supabase 托管 PostgreSQL 数据库,通过接口参数分发账单增删查逻辑,依托 Supabase 权限控制实现账号数据隔离,完成账单云端同步,打造轻量化个人记账网页。



评论