Pipedrive, 바이브 코딩으로 대체 가능?

빈 저장소에 Pipedrive 대신 쓸 소규모 영업팀용 CRM을 만든다. 대체 범위는 리드 등록, 파이프라인 이동, 활동 기록과 리마인드까지다.
스택은 Node.js 22, Fastify, SQLite(better-sqlite3), 서버 렌더링 HTML과 바닐라 JS로 고정하고 다른 스택은 제안하지 않는다.
로컬에서 `npm install && npm run dev` 한 번으로 파이프라인 보드(/)와 리드 상세(/leads/:id)가 함께 뜨게 한다.
데이터는 ./data/crm.db 한 파일에 두고 리드·활동·단계 이력을 CSV와 JSON으로 내려받는 내보내기를 관리자 화면에 붙인다.
SESSION_SECRET, RESEND_API_KEY, REMINDER_FROM, DEFAULT_CURRENCY=KRW 는 .env 에서 읽고 저장소에는 .env.example 만 둔다.
리드는 회사명·담당자·연락처·유입 출처를 받아 등록하고, 같은 이메일이 이미 있으면 중복으로 알려 준다.
파이프라인 단계(신규·접촉·제안·협상·성사·실패)는 화면에서 순서를 바꿀 수 있게 하고, 이동할 때마다 이력을 남긴다.
거래 금액은 원화(₩) 정수로 입력받고 단계별 합계와 이번 달 성사 합계를 보여 준다.
활동은 통화·메일·방문·메모 유형과 다음 활동일을 저장하고, 오늘 해야 할 활동을 담당자별로 보여 준다.
다음 활동일이 지난 건은 목록 상단에 붉은 배지로 표시하고, 아침 8시에 담당자별 요약 메일을 보낸다.
리마인드는 카카오 알림톡이나 문자 대신 Resend 이메일로 보내고, 본문에 리드 상세 링크를 넣는다.
리드가 하나도 없을 때의 빈 상태, 목록을 불러오는 로딩 표시, 저장 실패 때 다시 시도 버튼이 있는 오류 화면을 각각 만든다.
목록 필터(단계·담당자·출처)는 URL 쿼리로 유지하고 페이지당 50건씩 나눠 보여 준다.
모든 입력은 서버에서 검증하고 연락처 이메일·전화번호 형식을 확인하며, 수정 이력을 별도 테이블에 남긴다.
로그인은 HttpOnly 세션 쿠키로 처리하고 담당자는 자기 리드만 수정하게 하며, 로그인 시도는 IP당 분당 10회로 제한한다.
단계 전환 합계 계산, 활동 리마인드 판정, 중복 리드 검사 단위 테스트와 리드 등록부터 단계 이동까지 한 바퀴 도는 통합 테스트를 Vitest로 쓴다.
README에는 실행 방법, .env 항목, DB 파일 위치와 백업, 고객 연락처 보관 기간을 적는다.
화면 문구와 날짜 표기(2026년 10월 17일 (토))는 한국어로 하고 모바일에서도 보드를 볼 수 있게 한다.
거래를 끝낸 리드의 연락처는 마지막 활동 후 3년이 지나면 매일 새벽 자동 삭제하고, 그 기간을 리드 화면과 README에 적는다.
메일·캘린더 자동 연동, 외부 앱 마켓플레이스, AI 리드 점수, 팀 권한 세분화는 일부러 뺀다.
담당자 계정을 스스로 만드는 회원가입 화면과 외부 추적 스크립트는 넣지 않는다.
마지막으로 npm test 로 통과를 확인한 뒤 실행한 명령을 순서대로 정리해 보고한다.