我为自由职业者构建了一个免费客户追踪器(无登录、无后端,仅使用 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

相关文章

阅读更多 »

K7:轻量级 Vanilla JS 画廊灯箱

概览 K7:一个 vanilla JavaScript 画廊 lightbox,体积约 7.7 KB —— JS 和 CSS 合并在单个文件中,无依赖。只需一个标签即可在所有目标图片上激活它。

不,Windows Start 并未使用 React

2026年3月23日 — Pat Hartl Windows 再次成为新闻焦点。这一次,Microsoft 发布了一份标准的企业《Our commitment to Windows quality》https://blogs.windo...