FIRE生活家MVP版本介绍
前言
距离第一篇博客发布已经过了半个月,这半个月里,我基本把所有的业余时间都投入到了【FIRE生活家】这个项目上。从5月2号写下第一行代码,到今天,MVP版本终于算是有了个能用的样子。这篇文章想记录一下这个版本做了什么、为什么这么做,以及接下来的方向。
FIRE生活家是什么
一句话:一个帮你记账、管资产、走向FIRE的APP。
FIRE(Financial Independence, Retire Early)是近年来在年轻人中越来越流行的理念——通过合理规划财务,实现提前退休的自由。但市面上大多数记账工具只管记账,不管你的资产全貌,更不会告诉你离FIRE还有多远。FIRE生活家想补上的就是这个缺口。
Slogan定了三个词:记账省心、资产有数、FIRE可期。这也是产品的三个核心模块。
MVP版本做了什么
记账省心
记账是基础中的基础,但”省心”才是关键词。这个版本围绕记账做了这些:
- 四种记账类型:支出、收入、转账、还债,覆盖日常记账的主要场景
- 智能记忆:选了某个分类后,自动记住你上次用的账户;日期也会持续记忆,连续记账不用反复切换
- 5种账户类型:现金类、投资类、固定资产、折旧资产、负债类,每笔记录都关联到具体账户
- 13个大类、47个子分类:新用户注册自动初始化,不用手动建分类
- 月度明细:按月查看流水,支持按分类筛选
- 预算体系:双体系设计——常规月度预算管日常消费,专项准备金按月计提年度大额支出,三级预警(80%/95%/100%+)
- 储蓄率:直接算出每月储蓄率,一眼看出财务健康度
资产有数
只记账不知道自己有多少钱,那记了也白记。这个版本在资产侧做了:
- 账户管理:5种类型账户的增删改,余额实时联动——记一笔支出,账户余额自动扣减
- 交易明细:点进任一账户,能看到该账户下所有交易流水
- 净资产计算:自动汇总所有资产减去负债,给出净资产数字
- 折旧资产追踪:手机、电脑这类会贬值的资产,记录购买价和折旧,定期提醒更新估值
FIRE可期
这是产品的灵魂模块,MVP版本搭了框架:
- FIRE进度:根据你的净资产和月支出,估算离FIRE目标还有多远
- FIRE目标设置:设定你想要的年度支出目标,倒推需要的资产总额
- 时间价格:把每笔消费换算成你需要工作的时间,让消费决策更有感知
- 月度FIRE报告:每月生成一份财务快照,看看这个月离目标近了还是远了
系统与体验
- 主题系统:3套预设主题(稳重蓝绿/深邃蓝/暖琥珀),18个CSS Token,切换即时生效
- SVG图标体系:58个分类图标、17个账户图标,统一Lucide风格,告别emoji的模糊感
- 开屏引导:广告开屏页,后续可接入真实广告
- 手机号登录:验证码+密码双模式,JWT鉴权7天有效
技术实现
作为一个前端出身的人,这次技术选型基本是在舒适区内,但后端也自己撸了:
| 层 | 技术 |
|---|---|
| 前端 | UniApp (Vue3 + TypeScript + Pinia + Wot Design Uni) |
| 后端 | Midway.js v4 (Koa + TypeORM + PostgreSQL) |
| 部署 | H5 + 微信小程序 |
一些数据:
- 开发周期:约25天
- 前端提交:106次,68个源码文件
- 后端提交:41次,44个源码文件
- 14个数据库实体
整个项目从零到能跑,AI辅助占了很大比重。说实话,后端这块如果没有AI辅助,我可能还在写第一个接口。但AI也不是万能的,UI细节、交互逻辑、需求拆解这些,还是得自己把控。特别是UI,AI生成的原型基本不能用,最后全部改用HTML+CSS手写,才达到像素级的要求。
体验地址
H5版本可以直接访问:https://sit.firelifes.com
微信小程序版还在审核中,后续会更新。
接下来做什么
MVP只是起点,还有很多想做的东西:
- 数据分析增强:收支趋势、分类占比、账户变动分析,让数据真正说话
- 投资记录:股票、基金的买入卖出记录和收益追踪
- 资产管理增强:固定资产估值、折旧资产折旧曲线
- FIRE社区:同龄人交流、经验分享(这个比较远期)
- 数据导出:支持导出Excel,数据不锁死
如果你也在追求FIRE,或者只是想找个顺手的记账工具,欢迎试试。反馈和建议可以直接在博客留言,或者在GitHub提Issue。
从”为什么会有这个博客”到”MVP版本介绍”,花了半个月。速度不算快,但每一行代码都是自己审视过的。继续走。