취향이 비슷한 사람들과 클럽을 만들고 함께 리뷰를공유할 수 있는 소셜 플랫폼
- 'Point of View'는 '관점'이라는 뜻을 담고 있는데, 이는 저희 서비스가 사용자들의 다양한 관점을 공유하는 플랫폼임을 나타냄과 동시에 저희 팀이 이 프로젝트를 진행하며 어떤 관점에서 접근했는지를 의미하기도 합니다.
- 사용자의 선호 장르에 따른 영화를 추천해주고,영화 리뷰를 작성할 수 있는 기능을 제공
- 선호 장르가 비슷한 사용자 간의 모임인 클럽을 만들고, 가입하거나 초대할 수 있는 기능을 제공
 |
 |
 |
|---|---|---|
| 김다연 FE | 신혜민 FE | 박주광 FE |
| ✨ 무한 스크롤 구현 ✨ 에러바운더리 핸들링 ✨ 서스펜스 적용 ✨ 영화 리뷰 기능 구현 ✨ 클럽 관련 기능 구현 시사회 응모 결제 구현 영화, 리뷰 좋아요 기능 구현 영화 데이터 추가 작업 및 페이지 구현 |
✨ 소셜 로그인 구현 ✨ 회원가입 기능 구현 ✨ FCM 알림기능 구현 마이페이지 구현 전체 UI 디자인 및 퍼블리싱 아톰 단위 컴포넌트 구현 |
✨ 어드민 전체 페이지 개발 ✨ TMDB 영화 등록 구현 ✨ 영화 큐레이션 생성 리뷰 숨김처리 구현 개발 환경 세팅 반응형 레이아웃 구현 영화 페이지 구현 |
🎯 리액트 서스펜스
🎯 리액트 에러바운더리
🎯 반응형 UI 및 라이트 모드 지원
src/
├── admins/
├── apis/
├── assets/
├── components/
│ ├── mols/ # 컴포넌트 (우리가 흔히 아는)
│ └── templates/ # 레이아웃 (페이지 양쪽 패딩 등 페이지 레이아웃)
├── constants/
├── hooks/
│ └── queries/
├── pages/ # pages/{route}/.. 안의 tsx 파일은 Index.tsx로 통일
│ ├── Main/
│ ├── Login/
│ ├── SignUp/
│ ├── Movie/
│ ├── Review/
│ ├── Club/
│ ├── Premieres/
│ ├── MyPage/
│ ├── Notice/
│ ├── Oauth/
│ └── NotFound/
├── stories/
├── stores/
├── utils/
├── types/ # 에픽 별로 type 정의
│ ├── movie/
│ └── ...
├── routes/
│ ├── AppPages.tsx
│ ├── AppScreen.tsx
│ └── RouteDef.tsx
├── main.tsx
└── App.tsx
git clone https://github.com/eureka-final/pov-frontend
npm install
npm run dev
type(영문): subject(한글)
| 커밋 태그 | 설명 | 예시 |
|---|---|---|
| feat | 새로운 기능 추가 | feat: … |
| fix | 버그 수정 | fix: … |
| style | HTML, CSS로 UI 구현 시 작성 | style: 로그인 페이지 UI 구현 |
| refactor | 코드 리팩토링 | refactor: update login logic |
| docs | 문서 (README, 템플릿) 수정 | docs: … |
| test | 테스트 코드 | test: … |
| build | 빌드 관련 파일 수정 | build: … |
| ci | CI 설정 파일 수정 | ci: … |
| pref | 성능 개선 | pref: … |
| chore | 의존성 추가 등 기타 작업 | chore: … |