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

낄낄박사·2024년 7월 16일

Gotcha

목록 보기
1/22

프로젝트 기획

주제

영화 리뷰 웹서비스

이름

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": [/* 유저 목록 */]
      }

0개의 댓글