본문으로 건너뛰기
김찬호

Pinlive

v3.0+ 운영

핀라이브

진행률100%
Web
2026.02 ~ 2026.04
1명 (풀스택 개발)

프로젝트 설명

대출이 필요한 고객과 전문 상담사를 연결하는 매칭 플랫폼입니다. 고객은 조건에 맞는 상담사를 검색하고 유료 상담을 예약할 수 있으며, 상담사는 CRM 대시보드로 고객을 관리합니다.

  • 토스페이먼츠 결제 + 카카오 알림톡 자동 발송 연동
  • 하자보수 3차 80건+ 전량 수정 + 코드 리뷰 15건 보안/성능 개선
  • 상담사 인증/프로필 마켓플레이스 + 관리자 대시보드

기술 스택

Next.js 15PrismaSupabaseToss PaymentsRadix UIKakao API

아키텍처

고객 / 상담사 / 관리자 (Web)
  └─ Next.js 15 (App Router)
       ├─ 고객: 상담사 검색 → 예약 → 결제 → 채팅
       ├─ 상담사: 프로필 관리 → 예약 확인 → CRM
       ├─ 관리자: 대시보드 → 상담사 승인 → 통계
       ├─ Toss Payments (결제)
       ├─ Kakao 알림톡 (예약/결제 알림)
       ├─ Prisma + Supabase (DB + Auth + Realtime)
       └─ Radix UI (컴포넌트 라이브러리)

고객/상담사/관리자 3역할 기반 대출 상담 매칭 플랫폼. 토스페이먼츠로 유료 상담 결제, 카카오 알림톡으로 예약/결제 자동 알림, Supabase Realtime으로 실시간 채팅을 제공합니다.

주요 기능

상담사 마켓플레이스

상담사 인증/프로필 등록 → 고객이 조건(지역/전문분야/평점)으로 검색 → 프로필 열람

유료 상담 예약

상담 일정 선택 → 토스페이먼츠 결제 → 자동 확정. 취소/환불 정책 적용

실시간 채팅

Supabase Realtime 기반 고객-상담사 1:1 채팅. 사진/파일 전송 + 읽음 상태

카카오 알림톡

예약 확정/결제 완료/상담 리마인드/신고 접수 등 7종 알림톡 자동 발송

관리자 대시보드

상담사 승인/정지 관리 + 결제 현황 + 신고 처리 + 통계 대시보드

UGC 관리

게시글/댓글 CRUD + 신고/차단 시스템 + 비속어 필터 + 사진 갤러리

기능

#상담사 인증/검색#유료 상담 예약#실시간 채팅#토스 결제#카카오 알림톡#관리자 대시보드

링크

사이트 방문GitHubPrivate
Pinlive (핀라이브) 스크린샷