leemember/miccha-front

🎥 [MIC 팀 프로젝트] Watcha 클론코딩 믹챠 플레이

🎈 miccha-front

WatchPlay 클론 코딩한 사이드 프로젝트 입니다.

🎬 MICCHA 홈페이지 바로가기

🎨 작업 기간 (2021. 05 ~ 2021. 07)

• Phase 1 (2021. 05.11 ~ 6. 02)
• Phase 2 (2021. 06.14 ~ 6. 30)
• Phase 3 (2021. 07.04 ~ 7. 18)

✨ 우리팀 소개

팀명	MIC (May I clone?)
프론트(PM)	이찬호
프론트	이현주
백엔드(PM)	백일섭
백엔드	김태윤

💻 Front 기술 스택

라이브러리
Mark Up
스타일
상태관리
서버사이드 렌더링
타입 변환
작업 환경 세팅

⚙️ 프로젝트 구동 방법

	명령어
패키지 설치	yarn install
로컬 서버 실행	yarn dev
빌드	yarn build
빌드 파일 실행	yarn start

🖼 화면 소개

로그인 하기 전의 첫 페이지

• full page + 버튼 클릭 시 애니메이션 스크롤 기능

로그인 및 회원가입

로그인 성공 후

• 상단 Intro 슬라이드 구간 Swiper를 사용하여 부드럽게 넘겨지도록 연출
• 탐색하기 구간에 마우스오버 시 안보이던 메뉴 컴포넌트 보이도록 구현

영화 목록 및 해당 영화 클릭 시 Detail View

• 해당 영화 클릭 시 세부 정보 표시되는 컴포넌트 나타나도록 구현
• 보고싶어요 클릭 시 상태 변경
• 공통된 영화 UI 컴포넌트 설계
• Footer 생성