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只是起点,还有很多想做的东西:

  1. 数据分析增强:收支趋势、分类占比、账户变动分析,让数据真正说话
  2. 投资记录:股票、基金的买入卖出记录和收益追踪
  3. 资产管理增强:固定资产估值、折旧资产折旧曲线
  4. FIRE社区:同龄人交流、经验分享(这个比较远期)
  5. 数据导出:支持导出Excel,数据不锁死

如果你也在追求FIRE,或者只是想找个顺手的记账工具,欢迎试试。反馈和建议可以直接在博客留言,或者在GitHub提Issue。


从”为什么会有这个博客”到”MVP版本介绍”,花了半个月。速度不算快,但每一行代码都是自己审视过的。继续走。