🎬 후비고 | 나만의 영화 감상 기록 앱

• 프로젝트 기간 : 2022.8.10 ~ 2022.8.28

• 배포 URL : https://who-be-go.netlify.app/

  • ID : whobego@feocean.com
  • PassWord : feocean

🎬 개요

🎬 ’후비고'는 ‘후기 무비 고'의 줄임말로 나만의 영화 감상문 기록 서비스입니다.

🍿 영화 랜덤 추천 및 일별 박스오피스 순위 정보를 제공합니다.

⭐️ 영화 검색 및 상세 정보를 제공하며 감상문 작성시 나의 별점을 기록할 수 있습니다.

🖋 후비고를 통해 내가 본 영화를 기록해보세요! 후비고 ~ 💫

⚙️ 개발 환경 및 배포 URL

[기술]

• FrontEnd: TypeScript, SCSS
  
• BackEnd: 제공된 API , 영화진흥위원회 API , 한국영화자료원 API
  

❗️ Internet Explorer 에서는 제대로 동작하지 않습니다. 타 브라우저 사용을 권장합니다.

[개발 환경]

• GitHub : 후비고 GitHub | 후비고 Project Log
  
• WorkPlace: 후비고 Notion
  
• Design : 후비고 Figma
  
• Conference: GatherTown | Discord

[배포 URL]

• URL: https://who-be-go.netlify.app/
• 계정
  • 🧑🏻‍💻 ID: whobego@feocean.com
  • 🔐 PassWord: feocean

⚙️ 구현 기능

- 🔐 인증
    - 로그인
    - 회원가입
    - 프로필 설정
    - 프로필 수정
    - 유효성 검사
- 🎬 영화 서비스
    - 랜덤 추천
    - 일별 박스오피스 순위
    - 영화 검색 및 상세정보
- 📝 감상문
    - 영화 별점
    - 감상문 작성
    - 감상문 수정
    - 감상문 삭제

🚀 역할 분담

👩🏻‍💻 이수빈

• 프로젝트 초기 세팅
• UI 디자인 / 피그마 작업
• 🖍 UI : Component 모듈화, 회원가입, 프로필 설정, 영화 랜덤 추천, 영화 차트,
  마이페이지, 로딩중/404 페이지, 반응형 대응, 파비콘
• 🛠 기능 구현 : 회원가입, 영화 랜덤 추천

👩🏻‍💻 이혜원

• 🖍 UI : 모달, 영화 감상문 등록 페이지
• 🛠 기능 구현 : 모달, 드롭다운, 사용자 프로필 페이지, 영화 감상문 작성, 등록, 수정, 삭제
  감상문 별점 기능, 로그아웃, api 함수 개별 분리

👩🏻‍💻 이소민

• 🖍 UI : 헤더 푸터, 로그인, 프로필 수정
• 🛠 기능 구현 : 헤더, 로그인, 프로필 설정, 수정

👩🏻‍💻 임수진

• 🖍 UI : 영화 검색, 영화 검색 결과
• 🛠 기능 구현 : 영화 검색, 영화 검색 결과

🧑🏻‍💻 이현섭

• 🖍 UI : 감상문 모아보기, 감상문 상세 페이지
• 🛠 기능 구현 : 감상문 모아보기, 감상문 상세 페이지, 토큰 검증, 무한 스크롤, 404 페이지

🧑🏻‍💻 류재준

• 🖍 UI : 초기 와이어프레임 세팅
• 🛠 기능 구현 : 영화 차트 카드 클릭시 상세 페이지 이동 기능

🧑🏻‍💻 구현 UI

0. 로그인	1. 로그아웃

2. 회원가입	3. 프로필설정

4. 영화 랜덤 추천	5. 일별 박스오피스 순위

6. 영화 검색 및 결과	7. 감상문 작성

8. 감상문 수정 및 삭제	9. 마이페이지

🗂 폴더 트리

📦who-be-go
 ┣ 📂assets
 ┃ ┣ 📂icons
 ┃ ┗ 📂images
 ┣ 📂html
 ┣ 📂js
 ┃ ┣ 📂api
 ┃ ┣ 📂interface
 ┃ ┣ 📂pages
 ┃ ┗ 📂url
 ┣ 📂pages
 ┣ 📂styles
 ┃ ┣ 📂base
 ┃ ┣ 📂components
 ┃ ┣ 📂constants
 ┃ ┗ 📂pages
 ┃ ┣ 📃main.css
 ┃ ┗ 📃main.scss
 ┣ ⭐️favicon.ico
 ┣ 📃index.html
 ┣ 📃README.md
 ┗ 📃tsconfig.json

🖤 팀원 소개 🖤

FE 이수빈	FE 이혜원	FE 이소민
github: @waterbinnn	github: @donkeeman	github: @nimoseel

FE 임수진	FE 이현섭	FE 류재준
github: @etoile-j	github: @leehyeonseop	github: @ryungom