MVP - polynomeer/preptide GitHub Wiki

PrepTide MVP

🎯 서비스 개요

서비스명: PrepTide
목표: 기술 면접 준비를 위한 몰입형 학습 + 꼬리질문 기반 AI 트레이닝 + 커뮤니티/숏폼 콘텐츠 기반 탐색 기능 제공
대상: 개발자 취업준비생, 전직 희망자, 실무자, 현업 인터뷰 대비 중인 개발자

🔧 핵심 구조 및 사용자 흐름

1. 홈 – 질문 카드 스와이프 (Tinder 스타일)

매일 자동 추천되는 질문 카드 UI
스와이프 동작:
- ⬅️ 찜하기 → 저장소 이동
- ➡️ 스킵하기 → 큐에서 제외
- ⬇️ 답변 시작 → AI 면접 흐름 진입
카드 내용:
- 질문 본문, 태그, 난이도, 추천 이유
- “답변하기” 버튼 → 꼬리질문 모드 진입

2. 답변 및 꼬리질문 시퀀스 (실전 흐름)

사용자 답변 입력 (텍스트/음성)
AI가 답변 내용을 분석하여:
- 꼬리질문 1~3개 자동 생성
- 각 단계별 AI 피드백 (논리/구조/깊이 등)
마지막에 전체 흐름 요약 + PDF or 백서 저장
“내 백서”에 자동 기록

3. 탐색 피드 – 커뮤니티형 인터뷰 피드

유저들의 답변 콘텐츠를 Instagram 피드처럼 탐색 가능
콘텐츠 예시:
- 질문 + 유저 답변 요약 + AI 피드백
- 꼬리질문 트리 요약
- 리믹스 콘텐츠 (다른 사람 답변 개선)
상호작용:
- ❤️ 좋아요 / 💬 댓글 / 🔁 리믹스 / ✉️ 공유
- 태그/직무/팔로우 기반 큐레이션

4. 숏폼 콘텐츠 탭 (릴스 스타일)

기업/직무/면접팁/실무자 인터뷰 기반 숏폼 콘텐츠 소비
콘텐츠 예시:
- “배민은 면접에서 이런 걸 봐요”
- “Redis 질문은 이렇게 답해요”
- “백엔드 신입이 가장 많이 틀리는 면접 유형”
콘텐츠 내 기능:
- ❤️ / 💬 / 저장 / “관련 질문 풀기” 버튼 연결

🧱 보조 기능 상세 설계

🗃️ 질문 저장소

찜한 질문을 주제/난이도별 분류
복습용 리마인드 설정 가능

📘 면접 백서 자동 생성

답변 + AI 피드백 + 꼬리질문 흐름 자동 기록
주간/월간 PDF 요약 생성 기능
Notion 연동 (추후 확장)

🎛 답변 리믹스 / 피드백

다른 유저의 답변을 수정하여 리믹스 가능
AI가 리믹스 전후 비교 분석 제공

🎨 Figma UI 설계 개요

화면	구성 요소
홈 (스와이프)	질문 카드, 태그, 난이도, 스와이프 가이드, 답변 버튼
답변 입력	질문, 입력창, 제출 버튼, 진행률, 꼬리질문 흐름 표시
AI 피드백	항목별 평가 (논리/구조/깊이), 코멘트, 리마인드 버튼
탐색 피드	유저 카드형 콘텐츠, 답변 요약, 댓글/좋아요/리믹스
숏폼 뷰어	세로 스크롤 영상, 태그, 버튼, “질문 풀기” CTA
저장소 & 백서	리스트 뷰, PDF 보기, 정렬/필터, 다운로드 버튼

🛠 기술 스택

영역	기술
프론트엔드	React (Next.js), TailwindCSS
백엔드	Spring Boot, PostgreSQL, Redis
AI 처리	OpenAI GPT-4o API, LangChain 기반 응답/질문 생성
인증	Firebase Auth, OAuth2 (카카오/구글)
파일저장	S3 or Firebase Storage
배포	Vercel (FE), Render or AWS (BE)

📈 핵심 KPI

항목	목표
질문 응답률	> 50%
7일 유지율	> 30%
피드 상호작용률 (좋아요/댓글)	> 40%
숏폼 시청 지속시간	> 2분/세션
백서 다운로드율	> 20%

🚀 릴리즈 로드맵

✅ MVP v1.0

홈 질문 카드 (스와이프)
답변 입력 + AI 피드백 + 꼬리질문 1~2단계
질문 저장소 & 백서 PDF 생성

🔄 v1.5

커뮤니티 피드 오픈 (답변 공유 + 댓글 + 리믹스)
피드 큐레이션 및 개인화

🎬 v2.0

숏폼 콘텐츠 탭 + 영상 기반 인터뷰 콘텐츠
기업 제휴형 숏폼 콘텐츠 베타 (브랜드 채널화)

✅ 다음 단계

Figma UI 설계 프레임 구축
API 명세서 및 ERD 설계
팀빌딩/투자 피치덱 작성
Closed 베타테스트용 사용자 모집 계획 수립