我为自由职业者构建了一个免费客户追踪器(无登录、无后端,仅使用 localStorage)

发布: (2026年3月17日 GMT+8 10:47)
3 分钟阅读
原文: Dev.to

Source: Dev.to

概述

自由职业者经常依赖 Notion、Airtable 或昂贵的 CRM 工具来跟踪客户和项目,尽管大多数人只管理 5–15 位客户。为了简化,我构建了一个 免费客户和项目跟踪器,完全在浏览器中运行——无需登录、无需后端,仅使用 localStorage

功能

仪表盘

  • 活跃的客户和项目
  • 已收收入
  • 未结发票和逾期金额
  • 平均付款天数

客户目录

  • 姓名、公司、电子邮件
  • 费率、付款条款、状态

项目跟踪器

  • 与客户关联
  • 报价金额、已记录工时
  • 状态工作流:prospect → quoted → active → invoiced → paid

发票记录

  • 发票号、金额、增值税
  • 发送 / 到期 / 付款日期
  • 状态

CSV 导出

  • 导出每个部分(客户、项目、发票),用于会计或税务。

技术细节

  • 纯 HTML + 原生 JavaScript
  • 无框架、无后端、无数据库
  • 所有数据保存在浏览器的 localStorage
  • 加载后即可离线使用
  • 数据永不离开设备

动机

我在使用三个不同的工具:一个用于客户的电子表格、用于项目的 Notion,以及另一个用于发票的应用。管理多个信息源很快就变成了混乱的来源。这个单页应用将所有内容整合到一个标签页,使仪表盘在几秒钟内提供所需信息。

其他免费工具

  • Day Rate Calculator
  • Invoice Generator
  • Late Payment Interest Calculator
  • Business Expense Tracker

所有这些都遵循相同的方式:原生 HTML/JS、localStorage,且不进行跟踪。

反馈

我欢迎建议——您会为客户跟踪器添加哪些功能?

0 浏览
Back to Blog

相关文章

阅读更多 »

第2天:为什么仅仅更努力不足

当我还是个孩子的时候,我卖 Scout‑O‑Rama 票。数学很简单:敲更多的门,获得更多的销售,赢得更大的奖品。卖软件并不那么不同……

Razorpay 支付拆分路由

什么是 Razorpay Route?Razorpay Route 是 Razorpay 提供的功能,能够将收到的资金在不同的卖家、供应商、第三方之间进行分配。