React-Tally（账迹）产品系统Vibe Coding

项目主打简洁高效的设计理念，面向有个人财务管理需求的用户，核心作用是帮助用户记录收支账单、统计财务数据、可视化分析消费趋势，让个人收支管理变得简单直观。整体采用组件化、模块化开发，兼顾多终端适配性与代码可维护性。

应用主要分为新增账单、年度统计、月度统计三大功能板块，各模块职责清晰：
新增账单页：支持选择收入 / 支出类型，填写金额、选择日期与收支分类，完成账单提交，搭配 Toast 弹窗给出操作结果提示；收支分类细化为餐饮、交通、工资、奖金等多个类目，并配套专属图标。
年度统计页：汇总全年总收入、总支出、年度结余；通过柱状图展示 1-12 月月度收支趋势，同时生成年度支出 TOP5 排行榜，直观呈现消费结构。
月度统计页：可自由切换查询月份，展示当月收支、结余数据，以列表形式逐条呈现每日账单明细，方便用户核对每一笔收支记录。

1. 开发难点
线上部署后无法使用模拟服务，需改造数据存储方案，改用浏览器本地存储；
趋势图表需兼顾多终端显示，适配小屏幕横向滚动的同时保证视觉完整性；
依托 Redux 实现多页面数据流转，需合理设计状态逻辑，保证数据同步准确。
2. 项目亮点
轻量化架构，组件化拆分彻底，通用组件与工具函数可复用，代码易维护、易扩展；
优秀的数据可视化设计，通过图表、排行榜将枯燥的财务数据直观呈现；
全响应式布局，电脑、手机等设备均可流畅使用；
收支分类精细化，搭配图标与弹窗反馈，交互体验友好。
3. 开发心得
本次开发深入实践了 React 生态技术栈，理解了组件化、状态管理在前端项目中的核心价值。同时认识到，优秀的应用不仅要完成基础功能，还要兼顾用户体验、多端适配、数据可视化，而合理的架构设计与代码规范，是项目迭代和维护的重要基础。