7/16 영화 리뷰 웹서비스 - Gotcha

프로젝트 기획

주제

영화 리뷰 웹서비스

이름

MovieReviewHub

목표

• 사용자들이 쉽게 영화 리뷰를 작성하고 공유할 수 있는 플랫폼 제공
• 다양한 소셜 로그인 기능을 통해 간편한 접근성 제공
• 최신 영화 정보 및 리뷰를 실시간으로 업데이트
• 반응형 디자인을 통해 다양한 디바이스에서 최적의 사용자 경험 제공

대상 사용자

• 영화에 대한 정보를 얻고자 하는 모든 사용자
• 영화 리뷰를 작성하고 공유하고 싶은 사용자

기능 목록

필수 기능

• 사용자 인증: 이메일 및 소셜 로그인(구글, 카카오톡, 애플)
• 영화 정보 제공: 최신 영화 정보 및 상세 정보(제목, 개봉연도, 장르, 국가, 런타임 등) 제공
• 리뷰 작성 및 조회: 사용자 리뷰 작성 및 조회, 리뷰에 대한 좋아요 기능
• 검색: 영화, 시리즈, 인물, 컬렉션, 유저 검색 기능
• 사용자 페이지: 사용자 정보, 보관함

추가 기능

• 리뷰 공유 기능: 소셜 미디어에 리뷰 공유(카카오톡, 링크 복사)
• 반응형 디자인: 다양한 디바이스에서 최적의 사용자 경험 제공
• 무한 스크롤 및 캐러셀 기능

기술 스택 선정

• 프론트엔드: Next.js, TypeScript, TailwindCSS
• 백엔드: Sanity (CMS), NextAuth (인증)
• 배포 플랫폼: Vercel

와이어프레임 및 디자인

와이어프레임

1. 메인 페이지:
   • 영화 순위 캐러셀
   • 최신 리뷰 캐러셀
   • 영화 검색 인터페이스
2. 로그인/회원가입 페이지:
   • 이메일 및 소셜 로그인 폼
3. 영화 상세 페이지:
   • 영화 정보 표시 영역
   • 리뷰 작성 및 조회 인터페이스
4. 사용자 페이지:
   • 사용자 정보 표시
   • 보관함
5. 검색 페이지:
   • 검색 바
   • 영화, 시리즈, 인물, 컬렉션, 유저 카테고리 탭
   • 각 카테고리별 검색 결과 영역

디자인

• 깔끔하고 미니멀한 UI
• 영화와 관련된 이미지 및 아이콘 활용
• 반응형 디자인으로 다양한 디바이스에서 최적화

API 설계

영화 정보 관련 API

• GET /api/movies: 최신 영화 정보 가져오기
• GET /api/movies/{id}: 특정 영화의 상세 정보 가져오기
• POST /api/reviews: 리뷰 작성
• GET /api/reviews: 리뷰 조회

사용자 관련 API

• POST /api/auth/signup: 회원가입
• POST /api/auth/signin: 로그인
• GET /api/user/{id}: 사용자 정보 조회

검색 관련 API

• GET /api/search: 검색어를 바탕으로 영화, 시리즈, 인물, 컬렉션, 유저 결과 가져오기
  • 요청 예시: /api/search?query=큐어
  • 응답 예시:

    {
      "movies": [/* 영화 목록 */],
      "series": [/* 시리즈 목록 */],
      "people": [/* 인물 목록 */],
      "collections": [/* 컬렉션 목록 */],
      "users": [/* 유저 목록 */]
    }