Skip to content

설문을 통해 개인의 취향에 맞는 영상 콘텐츠와 리뷰 영상을 추천해 주며, 콘텐츠 검색 기능이 탑재된 반응형 웹 사이트입니다.

Notifications You must be signed in to change notification settings

KyungPookUnivProject/REFLIX

Repository files navigation

RE:FLIX (리플릭스)

🎬 프로젝트 소개

설문을 통해 개인의 취향에 맞는 영상 콘텐츠와 리뷰 영상을 추천해 주며, 콘텐츠 검색 기능이 탑재된 반응형 웹 사이트

기획 배경 <<<<<<< HEAD

릴스, 숏츠 등 숏폼을 소비하는 연령층이 많아지고 있는 요즘 사회를 반영하여 영화, 드라마 등을 압축한 리뷰 영상의 소비가 커지고 있다는 점을 핵심으로 짚어 ,이를 통해 영상 콘텐츠를 추천하고 리뷰 영상까지 추천해주는 서비스가 있으면 어떨까 하는 아이디어에서 이 프로젝트(RE:FLIX)를 기획하게 되었다.

서비스 주요 기능

✅ 4가지 설문을 바탕으로 한 콘텐츠 추천

✅ 검색 기능이 탑재

✅ 해당 콘텐츠와 유사한 콘텐츠 추천

✅ 유튜브 내 리뷰 영상 추천

📆 프로젝트 기간

2022년 3월 ~ 2023년 5월 25일

🙋‍♀️ 팀원 소개

이름 개인 깃허브 담당 역할 및 기능
김진권 https://github.com/jeaun80 서버(회원, 콘텐츠), DB 설계 및 구현, 리뷰 영상 추천
이다혜 https://github.com/leedahye2001 프론트엔드 전체
최효준 https://github.com/maxbort 추천 엔진 개발

🔥 팀 목표

  • 확실한 분업을 통해 협업하는 법을 배운다.
  • 실제 사용자들이 유용하게 사용할 수 있는 서비스를 개발하고 배포한다.

🚩기술스택 및 개발환경

📚 Tech Stack & Tools

FRONTEND

  • JavaScript
  • React
  • Context API
  • Axios
  • Styled-Components
  • Tailwind CSS
  • Figma

BACKEND

서버

  • Java
  • Spring Boot
  • Spring Security
  • YouTube Data API
  • TMDB API
  • Spring JPA
  • Gradle
  • MySQL 8.0.32

딥러닝

  • Python
  • Scikit-learn
  • Pandas
  • NumPy
  • Json 라이브러리
  • Sys 라이브러리

📌 Architecture

스크린샷 2023-05-23 오후 5 49 36

📌 ERD

reflex DBERD

메인 화면

메인

로그인

로그인

회원가입

회원가입

마이페이지 및 로그아웃

마이페이지 로그아웃

설문 페이지(연도, 장르, 종류, 키워드)

연도 장르 유형 키워드

로딩 페이지

로딩

추천 리스트

추천리스트

추천 목록

상세 페이지 (리뷰 영상, 콘텐츠 기반 추천 포함)

상세페이지 상세페이지2

반응형 페이지 및 검색 기능

반응형 및 검색

리뷰 영상 클릭 시, 링크 이동

링크이동

💻 개발 내용

FRONTEND

🙋🏻‍♀️ 이다혜

  • 회원 인증 관련 페이지 생성
  • 전반적인 페이지 구성 및 디자인
  • 설문 페이지 제출 시, 마지막 한번에 POST 되도록 구현
  • useNavigate, useLocation를 이용하여 컴포넌트 간 데이터를 주고 받도록 처리
  • 실시간 검색 기능 구현

BACKEND

🙋🏻 김진권

  • API 설계 및 개발 (회원, 콘텐츠)
  • DB 전체적인 설계 및 구현
  • 관련 리뷰영상 추천 - YouTube API와 DB 혼합 사용

🙋🏻 최효준

  • 장르 추천 모델
  • 유저 히스토리 기반 추천 모델
  • 키워드 추천 모델
  • 컨텐츠 기반 추천 모델

🚩 기타문서

최종 발표자료

릴스, 숏츠 등 숏폼을 소비하는 연령층이 많아지고 있는 요즘 사회를 반영하여 영화, 드라마 등을 압축한 리뷰 영상의 소비가 커지고 있다는 점을 핵심으로 짚어 ,이를 통해 영상 콘텐츠를 추천하고 리뷰 영상까지 추천해주는 서비스가 있으면 어떨까 하는 아이디어에서 이 프로젝트(RE:FLIX)를 기획하게 되었다.

서비스 주요 기능

✅ 4가지 설문을 바탕으로 한 콘텐츠 추천

✅ 검색 기능이 탑재

✅ 해당 콘텐츠와 유사한 콘텐츠 추천

✅ 유튜브 내 리뷰 영상 추천

📆 프로젝트 기간

2022년 3월 ~ 2023년 5월 25일

🙋‍♀️ 팀원 소개

이름 개인 깃허브 담당 역할 및 기능
김진권 https://github.com/jeaun80 서버(회원, 콘텐츠), DB 설계 및 구현, 리뷰 영상 추천
이다혜 https://github.com/leedahye2001 프론트엔드 전체
최효준 https://github.com/maxbort 추천 엔진 개발

🔥 팀 목표

  • 확실한 분업을 통해 협업하는 법을 배운다.
  • 실제 사용자들이 유용하게 사용할 수 있는 서비스를 개발하고 배포한다.

🚩기술스택 및 개발환경

📚 Tech Stack & Tools

FRONTEND

  • JavaScript
  • React
  • Context API
  • Axios
  • Styled-Components
  • Tailwind CSS
  • Figma

BACKEND

서버

  • Java
  • Spring Boot
  • Spring Security
  • YouTube Data API
  • TMDB API
  • Spring JPA
  • Gradle
  • MySQL 8.0.32

딥러닝

  • Python
  • Scikit-learn
  • Pandas
  • NumPy
  • Json 라이브러리
  • Sys 라이브러리

📌 Architecture

스크린샷 2023-05-23 오후 5 49 36

📌 ERD

reflex DBERD

메인 화면

메인

로그인

로그인

회원가입

회원가입

마이페이지 및 로그아웃

마이페이지 로그아웃

설문 페이지(연도, 장르, 종류, 키워드)

연도 장르 유형 키워드

로딩 페이지

로딩

추천 리스트

추천리스트

추천 목록

상세 페이지 (리뷰 영상, 콘텐츠 기반 추천 포함)

상세페이지 상세페이지2

반응형 페이지 및 검색 기능

반응형 및 검색

리뷰 영상 클릭 시, 링크 이동

링크이동

💻 개발 내용

FRONTEND

🙋🏻‍♀️ 이다혜

  • 회원 인증 관련 페이지 생성
  • 전반적인 페이지 구성 및 디자인
  • 설문 페이지 제출 시, 마지막 한번에 POST 되도록 구현
  • useNavigate, useLocation를 이용하여 컴포넌트 간 데이터를 주고 받도록 처리
  • 실시간 검색 기능 구현

BACKEND

🙋🏻 김진권

  • API 설계 및 개발 (회원, 콘텐츠)
  • DB 전체적인 설계 및 구현
  • 관련 리뷰영상 추천 - YouTube API와 DB 혼합 사용

🙋🏻 최효준

  • 장르 추천 모델
  • 유저 히스토리 기반 추천 모델
  • 키워드 추천 모델
  • 컨텐츠 기반 추천 모델

🚩 기타문서

최종 발표자료

https://www.youtube.com/watch?v=Hhhu_jQRbsc

453c64d3cd49c487727aa45d2cbec24363fabb8a

About

설문을 통해 개인의 취향에 맞는 영상 콘텐츠와 리뷰 영상을 추천해 주며, 콘텐츠 검색 기능이 탑재된 반응형 웹 사이트입니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages