Earnflo：实时显示您收入的薪资仪表盘

Source: Dev.to

（请提供您希望翻译的正文内容，我将为您翻译成简体中文并保持原有的格式、Markdown 语法以及技术术语不变。）

💡 想法

大多数薪资计算器只显示静态数字——月薪、时薪或年度预测。现实生活并非静态：你工作、休息、睡觉，收入会持续累积。我想把这种流动可视化，于是我构建了 Earnflo，一个小型网页仪表盘，将原始薪资数字转化为实时、感知时间的收入小部件。

演示：

Earnflo 将你的薪资分摊到 本月的有效工作时间，并通过各种小部件进行可视化。

📊 仪表盘显示内容

与单一的静态数字不同，Earnflo 提供 时间感知的收入指标，例如：

• 本月收入
• 每工作小时收入
• 每周收入
• 每工作秒收入
• 有薪休假一天的价值
• 整个夜间睡眠的价值
• 预测的季度 / 半年 / 全年收入

核心理念很简单：薪水不仅仅是一个数字——它是 随时间流动的速率。

🗓 日历问题

一个“工资 ÷ 30 天”的简单计算是不准确的，因为实际月份包含：

• 周末
• 法定节假日
• 工作日天数不等
• 不同的工作时间安排

Earnflo 基于以下因素构建 月份模型：

• 每周工作日数
• 每天工作小时数
• 班次开始时间
• 额外的休息日
• 区域性节假日

从而生成一个真实的 有效工作日历。示例快照：

• 法定节假日：2 天
• 有效工作日：25 天
• 周末：4 天
• 计划工时：250 小时

这些数据驱动所有计算。

Holiday Awareness

Earnflo 包含对以下地区的假日支持：

• 乌兹别克斯坦
• 美国
• 俄罗斯

公共假期会从有效工作计划中排除，使仪表板能够反映实际的地区工作节奏。

💵 薪资标准化

人们的薪酬有多种形式：

• 按小时
• 按周
• 按月
• 按年

Earnflo 将所有这些薪酬统一为 单一内部月度表示，据此可以推算出：

• 小时工资
• 每秒工资
• 每周收入
• 基于日历的预测

🎛 可配置工作节奏

仪表盘会即时适应用户配置：

• 薪资金额
• 货币
• 支付周期
• 假期日历
• 每周工作日数
• 每天工作小时数
• 班次开始时间
• 额外休假日

所有小部件在设置更改时会 实时 更新。

🇺🇿 多语言支持

Earnflo 支持三种 UI 语言：

• 英语
• 俄语
• 乌兹别克语

语言可以即时切换，并在本地持久化。

💱 支持的货币

当前可用货币：

• UZS
• USD
• RUB
• EUR
• GBP

所有小部件会自动适配所选货币。

🧑‍💻 我为什么创建它

我喜欢构建能够让抽象概念可视化的工具。时间和金钱是我们每天处理的最抽象的资源。将它们关联起来可以揭示以下洞见：

• 周末的价值
• 假期一天的价值
• 专注工作一小时的价值

Earnflo 旨在让这些关系一目了然。

🖥 技术栈

Earnflo 使用一个 极简现代栈：

• React 19
• Vite 7
• Plain CSS

没有后端；所有设置通过 localStorage 本地持久化，保持应用快速且注重隐私。

⚡️ 实时演示

在此尝试：（无需注册）

📩 欢迎反馈

该项目最初是一个小实验。如果您有以下方面的想法：

• 新的小部件
• 其他货币
• 更多节假日日历
• 生产力指标

请分享——我很想听到您的反馈。