WEFLIX

1. 팀원

• Backend: 박진성
• Frontend: 이나은

2. 배포 주소

https://main--tourmaline-liger-3780e9.netlify.app/

3. 회고록

https://velog.io/@niboo/Project-WEFLIX-%ED%9A%8C%EA%B3%A0%EB%A1%9D

4. 과제 구현 목록

1) NavBar / Footer / Main

• 로그인 성공 여부에 따라 SING UP, SIGN IN / LOGOUT 동적으로 바꾸기 기능 구현.

2) 회원가입 / 로그인 페이지

• 유효성 검사
• FireBase를 이용한 Users 정보 저장 및 관리(async/await)
• try…catch문을 이용한 에러메시지 핸들링.
• 로그인에 성공할 시 프로필 생성 페이지로 이동, 프로필 리스트 버튼 활성화.
• FireBase에 저장 된 유저 정보가 아닐 경우 오류 메시지 출력. 로그인 성공 시 프로필 생성 화면으로 이동.

3) 프로필 생성(추가) / 유저 프로필 관리 / 프로필 리스트(선택)

• 닉네임 등록을 통한 프로필 생성.
• 닉네임 중복확인.
• 키즈 프로필로 생성 가능

4) 컨텐츠 리스트

• Slick Slider를 통한 무한 슬라이더 및 슬라이더 구현
• Hover시 제목, 평점, 소개 레이아웃 구현

5) 반응형 디자인

• 미디어쿼리를 통한 디바이스 별 반응형 디자인 구현