명함을 찍으면 이름·회사·직함·연락처가 자동으로 뽑히고, 미팅 메모를 넣어 두면 다시 연락할 때 그 사람 요약과 첫 문장을 만들어 주는 앱
‘MVP 기획’·‘AI 빌드 기획 패키지’·‘프로토타입 프롬프트’는 빌드 패키지 하나에 함께 들어갑니다 — 따로 결제하지 않습니다.
무엇을 만드나?
MVP 기획 · 베타 무료
PRD·기능정의·화면목록·DB·API 계약까지 — 이 자료로 저희가 먼저 만들어 확인시켜드리거나, 직접 개발에 바로 쓰실 수 있습니다.
샘플은 여기까지 공개합니다
파일 다운로드와 전문(全文) 복사는 실제 결과물에서만 제공됩니다. 내 아이디어를 입력하면 같은 형식의 결과물을 받아볼 수 있습니다.
누구와 만났는지, 무슨 이야기를 했는지 쉽게 기억하게 해주는 명함·미팅 관리 앱을 만듭니다. 명함 사진을 찍어서 정보를 뽑고 메모를 남길 수 있으며, 내 데이터만 안전하게 관리됩니다. 따로 저장하거나 적어두지 않아도 웹에서 바로 검색·조회할 수 있습니다.
이 앱은 행사나 미팅에서 받은 명함과 그에 대한 간단한 메모를 쉽게 저장하고, 나중에 빠르게 검색할 수 있게 도와주는 웹 서비스입니다. 사용자는 명함을 찍어서 정보를 추출받고, 미팅 기억을 메모로 남겨 재연락에 활용할 수 있습니다. 스마트폰, 컴퓨터 브라우저에서 자유롭게 이용할 수 있으며, 개인정보는 사용자의 것만 안전하게 저장됩니다.
목표
비목표(1차 제외)
명함 사진 업로드 및 정보 자동 추출
“사용자는 받은 명함의 사진을 올릴 때, 이름/회사/직함/이메일/번호 등이 인식되어 자동 입력되어야 한다.”
명함 추가/수정/삭제
“사용자는 정보를 직접 입력하거나 이미 등록된 명함 정보를 쉽게 변경 또는 삭제할 수 있어야 한다.”
미팅 메모 작성 및 관리
“사용자는 명함별로 만난 날짜와 대화 내용을 메모 형태로 남기고 다시 볼 수 있어야 한다.”
명함 및 메모 검색
“사용자는 저장한 명함 정보, 메모 내용을 이름, 회사, 키워드 등으로 빠르게 찾을 수 있어야 한다.”
로그인 및 사용자 데이터 보호
“각 사용자는 본인 데이터만 안전하게 관리하고, 로그아웃 시 정보 접근이 불가해야 한다.”
웹 기반 명함·미팅 관리 MVP(명함 업로드/OCR/메모/검색)입니다.
1단계 — 로그인·기본 CRUD
회원 가입/로그인, 연락처(명함) 목록·상세·등록·수정·삭제, 내 정보·로그아웃 UI, 보안 규칙 설정
2단계 — 명함 업로드 및 OCR 연동
이미지 업로드, OCR 통한 자동 추출, 추출 정보 편집 UX, Cloud Functions 또는 외부 OCR API 래핑
3단계 — 미팅 메모 입력·수정 및 검색
명함별 메모 등록/수정/삭제, 키워드·회사·이름 기준 통합 검색, UX 다듬기
견적 참고 · OCR 연동은 외부 API(google vision 등) 테스트가 필요하며, 검증 목적 MVP 범위에 맞게 신뢰성/과금/속도 고려. 3단계까지 완료시 실제 사용/데모/피드백 가능. 실제 서비스 배포 전 보안 규칙·클라이언트 시크릿 관리 준수할 것.
로그인/회원가입 화면 /login
LoginForm · SignupForm · AuthContainer
상태: loginInput, signupInput, authError
명함 업로드 화면 /contacts/upload
UploadForm · ImagePreview · OCRResultEditor
상태: imageFile, ocrResult, editFields, uploadStatus
명함 목록/검색 화면 /contacts
SearchBar · ContactList · ListItemPreview · SortOptions
상태: searchQuery, contactList, listLoading
명함 상세 및 요약 화면 /contacts/[id]
ContactDetailHeader · ContactInfo · MeetingNoteList · AddNoteButton
상태: contactData, notesList, showNoteEditor
미팅 메모 쓰기/수정 화면 /contacts/[id]/notes/edit
MeetingNoteEditor
상태: noteText, editMode, noteSaved
내 정보/로그아웃 화면 /profile
ProfileInfo · LogoutButton
상태: userProfile
users
contacts
meeting_notes
card_ocr_jobs
### API/서버액션 명세 (Next.js App Router + Firebase) #### (1) 인증 - 모든 protected API는 Firebase Auth의 bearer 토큰을 헤더에 실어서 호출 #### (2) 명함(Contact) | 메서드 | 경로 | 입력 | 출력 | 인증 | |--------|------------------------------|-------------------------------------|----------------------------|---------|
나머지 24줄은 실제 결과물에서 확인할 수 있습니다
### 주요 의사결정/리스크 및 대응 1. **Next.js (App Router) + Firebase Auth 채택** - 이유: 빠른 MVP, 인증/호스팅 통합 용이 - 리스크: 서버액션/라우트에서 인증 토큰 검증 누락 위험 → firebase-admin 활용, 모든 API에서 토큰 검증 강제 2. **Cloud Firestore 데이터모델** - 이유: 유저별 안전 격리/실시간 연동 쉬움 - 리스크: 보안 규칙 미흡하면 타인 데이터 노출 → 테스트계획에 권한테스트, 규칙 반복 점검
나머지 12줄은 실제 결과물에서 확인할 수 있습니다
### 핵심 시나리오별 QA 체크리스트 #### 1. 로그인/인증 - [ ] Firebase Auth에 신규 가입(이메일/비밀번호) 및 정상 로그인 가능 - [ ] 로그아웃 시 모든 protected api 접근 불가 #### 2. 명함 등록/검색/조회 - [ ] 명함의 사진을 업로드하면 imageUrl이 정상 저장됨 - [ ] 명함 정보(name, company 등)를 입력/수정/삭제할 수 있다 - [ ] 본인이 등록한 명함만 목록/조회 가능 (타인 데이터 접근/조작 불가)
나머지 15줄은 실제 결과물에서 확인할 수 있습니다
M0프로젝트 시작 & 기본 설정
M1DB/보안 및 데모 데이터
M2프론트엔드 골격
M3인증 및 CRUD 연결
M4최소화된 배포 & 테스트
핵심이 동작하는 결과물로 먼저 만들어 확인하실 수 있도록 검토해 드립니다. 검증된 전문가에게 직접 의뢰할 수도 있습니다.
이 자료로 저희가 먼저 만들어 확인시켜드리거나, 개발자에게 그대로 전달할 수 있습니다.