🔮 MBTI x Tarot – 성향 기반 타로 리딩 웹서비스

🔮 MBTI x Tarot – 성향 기반 타로 리딩 웹서비스

감성 기반 조언을 중심으로 한 타로 리딩 서비스
– MBTI 성향 해석을 결합한 퍼스널 콘텐츠 플랫폼

---

✅ 프로젝트 개요

이 프로젝트는 MBTI 성향 기반 해석과 타로 카드 리딩을 결합한 퍼스널 웹서비스입니다.

사용자가 입력한 질문과 MBTI 성향을 바탕으로 무작위로 뽑힌 타로 카드에 대해, 카드의 상징 + 성향 맞춤형 조언을 함께 제공합니다.

단순한 운세 서비스가 아닌, 자기 성찰과 감정 정리에 도움이 되는 감성 기반 도구를 지향합니다.

---

💻 주요 기능

• MBTI 성향 기반 타로 카드 조언
• 자유 질문 입력 기능
• Universal 타로 덱 대응 (AI 이미지)
• 결과 공유용 이미지 자동 생성 및 다운로드
• 후기 작성 기능 및 Supabase DB 연동
• 유입 경로 및 사용자 이벤트 분석 (GA4)

---

🧭 사용자 흐름

1. /test – 간단한 MBTI 질문에 답변

   

2. /draw – 자유롭게 질문 입력

   

   

3. /result – 무작위 타로 카드 + 성향 조언 확인
   ↳ 결과는 이미지로 저장 및 공유 가능

   

4. /about – 서비스 개요 및 작성된 후기 확인

   

---

🛠️ 기술 스택

분류	사용 기술
Frontend	Next.js (Pages Router), React, Tailwind CSS
Backend	Supabase (DB)
AI API	Gemini API
이미지 처리	html2canvas
분석 도구	Google Analytics (GA4)

---

📁 페이지 구조

/test     → MBTI 질문
/draw     → 질문 입력 및 카드 뽑기
/result   → 결과 출력 + 이미지 저장
/about    → 소개 및 후기
/auth     → 로그인 및 콜백 처리

---

🎨 타로 이미지 생성

모든 타로 카드는 2025년 5월 29일, OpenAI(DALL·E)를 활용하여 직접 작성한 프롬프트를 통해 생성했습니다.

• 비상업적 포트폴리오 용도로만 사용됩니다.
• ⛔ 무단 저장, 복제, 2차 가공, 상업적 사용 금지

---

📈 개발 타임라인

날짜	작업 내용
5.23	프로젝트 초기화 및 세팅
5.24	메인 UI 구성 및 스타일 가이드
5.25	MBTI 테스트 구현
5.27	질문/카드 흐름 구성 및 리팩토링
5.29	타로 이미지 생성 및 결과 구조 기획
5.31	공유 이미지 및 후기 기능 통합 마무리

---

📍 배포 주소

👉 https://your-tarot-mbti.vercel.app

---

🧸 향후 확장 계획

• 성향별 실루엣 캐릭터 및 감성적 연출 강화
  (조언 장면, 등장 애니메이션, 배경 연출 등)

---

📄 기타 정보

• 프로젝트 시작일: 2025년 5월 24일
• 제작 목적: 비상업적 포트폴리오 및 퍼스널 브랜딩
• 제작자: 김지혜
• 라이선스: 코드/구조/이미지 무단 사용 금지, 일부 참조 시 출처 명시 필수

© 2025. 김지혜 – All rights reserved.