프리랜서를 위한 무료 클라이언트 트래커를 만들었습니다 (로그인 없이, 백엔드 없이, 로컬스토리지만 사용)

Source: Dev.to

개요

프리랜서는 보통 Notion, Airtable, 혹은 비싼 CRM 도구를 사용해 고객과 프로젝트를 관리하지만, 실제로는 5~15명 정도의 고객만 다룹니다. 이를 간소화하기 위해 무료 고객·프로젝트 트래커를 만들었습니다. 브라우저에서만 동작하며 로그인이나 백엔드 없이 localStorage만 사용합니다.

기능

대시보드

• 현재 진행 중인 고객 및 프로젝트
• 누적 매출
• 미수금 및 연체 금액
• 평균 결제 소요 일수

고객 디렉터리

• 이름, 회사, 이메일
• 요율, 결제 조건, 상태

프로젝트 트래커

• 고객과 연동
• 견적 금액, 기록된 시간
• 상태 워크플로우: prospect → quoted → active → invoiced → paid

인보이스 로그

• 인보이스 번호, 금액, 부가세(VAT)
• 발송 / 마감 / 결제 날짜
• 상태

CSV 내보내기

• 각 섹션(고객, 프로젝트, 인보이스)을 회계 또는 세무 목적에 맞게 내보냅니다.

기술 세부 사항

• 순수 HTML + 바닐라 JavaScript
• 프레임워크, 백엔드, 데이터베이스 없음
• 모든 데이터는 브라우저의 localStorage에 저장
• 한 번 로드하면 오프라인에서도 작동
• 데이터가 디바이스를 떠나지 않음

동기

세 개의 별도 도구를 사용하고 있었습니다: 고객 관리를 위한 스프레드시트, 프로젝트 관리를 위한 Notion, 그리고 인보이스를 위한 또 다른 앱. 여러 출처의 정보를 관리하다 보니 혼란이 생겼습니다. 이 단일 페이지 앱은 모든 것을 하나의 탭에 통합해 대시보드가 몇 초 안에 필요한 정보를 제공하도록 합니다.

프리랜서를 위한 기타 무료 도구

• 일일 요금 계산기
• 인보이스 생성기
• 연체 이자 계산기
• 사업 경비 트래커

모두 같은 접근 방식을 사용합니다: 바닐라 HTML/JS, localStorage, 추적 없음.

피드백

제안받을 준비가 되어 있습니다—고객 트래커에 어떤 기능을 추가하고 싶으신가요?