Requirements

Bare Minimum

Features

• 회원가입

  • 로컬 : 이메일 / 닉네임 / 비밀번호 유효성 검사 및 프로필 이미지 업로드 기능
  • 소셜 : 구글 / 카카오 / 네이버

• 로그인/로그아웃

  • 회원 정보 저장(로컬)
  • 즐겨찾기한 카드 저장(로컬)
  • ID / PW 유효성 검사

• 메인 페이지 생일(날짜) 검색

  • 숫자로 검색
  • 날짜 형식만 입력되도록 유효성 검사

• 검색 결과 화면

  • 해당 날짜의 날씨 정보
  • 해당 날짜에 발생한 이슈 리스트
  • 해당 날짜에 태어난 유명인 리스트
  • 해당 날짜에 돌아가신 유명인 리스트
  • 해당 날짜(주)의 1위 영화 / 음악

• 메인 페이지 카드 상세 화면

  • 콘텐츠 관련 이미지
  • 콘텐츠 텍스트
  • 좋아요 버튼
  • (영화/음악) 가수 혹은 영화 포스터

• 카드 기록하기

  • 텍스트 기록
  • 이미지 업로드
  • 회원정보에 카드 기록 저장

• 마이페이지

  • 유저 닉네임, 좋아요한 카드수 표시
  • 찜한 카드 카테고리 분류 및 필터 기능
  • 카드 플립형(CSS 애니메이션) / 상세보기(커스텀 모달) 기능
  • Masonry 레이아웃 구현
  • 무한 스크롤 기능
  • 최상단으로 이동 버튼
  • 좋아요 취소 기능
  • 영화 정보의 경우 TMDB 평점 표시
  • 이미지 url 유무에 따른 조건부 렌더

• 사이드바&네비바

  • 로고 / 파비콘 표시
  • 유저 이미지 / 이메일 / 닉네임 표시
  • 회원가입 혹은 로그인 버튼
  • 로그인 시 유저 정보 변경 기능
  • 기록한 카드 목록
  • 찜한 카드(좋아요한 카드) 목록

Advanced

Features

• 회원가입&로그인 로그아웃

  • 프로필 이미지 변경 기능
  • 로그아웃 시 페이지 새로고침 및 페이지 이동

• 메인 페이지

  • 배경 영상 추가
  • 텍스트 애니메이션 효과

• 메인 페이지 카드 상세 화면

  • 스와이퍼 라이브러리 안쓰고 직접 구현
  • 애니메이션 부드럽게 개선
  • 각종 버튼 인터렉션 추가

• 마이페이지

  • 영화 평점에 따라 ⭐️ 별표로 표시
  • 좋아요 취소시 애니메이션 효과
  • 로딩전 / 로딩중 이미지 영역 회색으로 표시
  • 콘텐츠 텍스트 길이에 따라 이미지 사이즈 자동 리사이즈
  • 카테고리 가로 스크롤 기능

• 게스트 모드

  • 찜하기(좋아요) 기능 제한
  • 기록하기 기능 제한
  • Guest 유저로 자동 로그인