jihyeon-do / cine-square-renewal

Cine-Square

영화 평가/추천 사이트 'CINE SQUARE'

✅ 왓챠피디아의 클론 코딩을 기반으로 하는 영화 추천/평가 사이트입니다.
✅ 개발기간 : 24.02.27 - ing

배포 주소

http://cine-square.s3-website.ap-northeast-2.amazonaws.com

API 정의서

http://54.180.155.60:8080/swagger-ui/index.html

Project Managing

https://petalite-bearberry-a1a.notion.site/CINESQUARE-25b196f281be446ab1ee3d0aa67f1927

Team

도지현: Front-end, Publishing, UI/UX, Design

이정준: Back-end, Server, DevOps, DB

조수민: Back-end, DB, Server, PM

Back-end & Server Skill

• Github : https://github.com/ssoomnyb/stepup-cinesquare
• Java 17 & SpringBoot 3.2
• MariaDB 10.11 (AWS RDS)
• JPA
• Gradle
• Spring Security 6.2 + Jwt
• Spring Batch & Quartz
• Jenkins CI/CD + AWS EC2 배포
• AWS S3
• Swagger-ui 2.0
• Crawling (data loading)

Front-end & Design Skill

• Figma : https://www.figma.com/file/fqlQhqfwxWKB9q0bQUiQci/cine-square
• React
• Typescript
• SCSS
• AWS S3
• axios
• chart.js

Later

• Redis
• Elastic Search
• Cloud Front
• Redux

주요기능

• 로그인, 회원가입
• 메인 슬라이더 영화 티저 동영상 제공
• 박스오피스 순위
• 평균별점이 높은 작품 순위
• 씨네스퀘어 추천 순위
• 영화 상세페이지 별점 CRUD, 코멘트 CRUD, 보고싶어요 등록/취소
• 코멘트 좋아요 등록/취소
• 코멘트 상세페이지
• 코멘트 대댓글 CRUD
• 영화검색 및 조회
• 영화 랜덤 별점 평가페이지
• 프로필 페이지
  => 유저 프로필 사진 변경
  => 유저 회원 정보 수정 (예정)
  => 유저 회원 탈퇴 (예정)
  => 유저가 평가한 영화 조회
  => 유저가 보고싶어한 영화 조회 (진행중)
  => 유저가 작성한 코멘트 리스트 조회 (진행중)
  => 평가한 영화 별점 그래프
  => 좋아한 코멘트 목록 조회
  

설치 및 실행

• React : 18.2.0
• Nodejs : v20.11.0
• Npm : 10.2.4

설치

$ git clone 'https://github.com/jihyeon-Do/cine-square-renewal.git'
$ npm install

실행

$ npm start