五险一金计算器产品系统Vibe Coding

自己查询市面上的很多五险一金计算器都不能满足自己自定义基数+城市+专项扣除的功能，于是自己实现并部署了一个五险一金计算器网站

1、项目功能模块包括城市选择与地区规则、工资及社保公积金输入、专项附加扣除、计算结果、五险一金缴纳明细、全年逐月工资明细、年度退/补税测算和税率规则说明等模块。
2、用户可以搜索选择城市，输入税前工资、社保基数、公积金基数及单位和个人公积金比例，系统根据城市规则实时计算企业总成本、单位缴纳、个人缴纳、首月个税和到手工资。同时支持子女教育、婴幼儿照护、继续教育、住房租金、房贷利息、赡养老人和个人养老金等扣除项目，并展示详细计算公式、逐月累计预扣税额及年度退补税结果。用户输入内容会自动缓存，刷新后仍可恢复，切换城市后会按照新城市规则刷新默认值。

1、我负责梳理税前工资、五险一金、专项附加扣除、累计预扣个税和年度退补税之间的计算流程，完成城市规则数据接入、表单交互、计算结果展示、输入内容持久化以及城市切换重置逻辑。
2、项目采用 React、TypeScript 和 Vite 构建单页应用，使用组件化方式实现城市搜索、数字输入、指标卡片、公式说明和数据表格，使用 calculator.ts 统一封装缴费及个税计算规则，使用 localStorage 保存用户输入。项目难点主要是处理不同城市缴费比例、累计预扣税逐月递进、专项扣除的不同申报方式、金额精度及年度汇算结果的一致性。