Skip to content
@2024-Winter-Bootcamp-Team-A

2024-Winter-Bootcamp-Team-A

2024-Winter-Bootcamp-Team-A 🔥

BookClip

📚 도서 미리보기 쇼츠 제공 크롬 익스텐션





📖 Table of contents


📣 Introduction

Medium

🔎 Bookclip Medium  

🔹 교보문구 사이드패널 기능

  • 도서 상세 페이지에서 해당 책의 쇼츠 영상이 있으면 즉시 제공
  • 기존 쇼츠가 없을 경우 "요청하기" 버튼으로 즉시 생성하여 제공

🔹 뉴탭 기능

  • 인기 도서 순위를 기반으로 책 추천
  • "오늘의 쇼츠" 페이지에서 랜덤하게 추천된 두개의 책 중 하나의 핵심 문장을 고르면 책 추천
  • 내가 찜한/공유한/문장카드를 저장한 쇼츠를 한곳에서 모아보기
  • 내가 본 도서 장르 비율을 퍼센트로 시각화

🎥 Demo

Side Pannel

교보문고 도서 상세 페이지에서 사이드 패널을 열면 해당 도서의 쇼츠를 바로 시청할 수 있습니다.
'찜하기' 버튼을 누르면 마이페이지에서 찜한 쇼츠에서 확인 가능합니다.
쇼츠로 통해 본 줄거리가 마음에 들었다면 '공유하기' 버튼을 통해 도서링크도 공유가 가능합니다.


Main Page

타이틀별로 도서를 나열하여 취향에 맞는 쇼츠를 바로 시청할 수 있습니다.

표지를 누르면 쇼츠가 재생되며 재생카드 뒷면에는 해당 도서와 쇼츠에 대한 상세정보가 있습니다.

Search

검색 기능을 통해 원하는 도서를 쉽게 찾을 수 있습니다.



Stats Page

전체 쇼츠 중 각각 가장 많은 조회수, 찜, 댓글을 받은 쇼츠를 보여줍니다. 표지를 누르면 상세한 통계정보를 볼 수 있습니다.



Today's shorts

랜덤으로 두 책의 핵심문장 중 하나를 고르면 그에 해당하는 도서의 정보를 보여줍니다.
하루동안은 선택된 도서만 볼 수 있으며 시간이 지나면 자동으로 갱신됩니다.



My Page

사용자는 마이페이지에서 자신이 최근에 시청한 도서를 확인할 수 있습니다.
읽은 책의 갯수를 바탕으로 분야별로 통계를 내어 사용자의 도서 취향도 확인할 수 있습니다.



💻 System Architechture

💾 ERD

🛠️ Tech stack

Area Tech Stack
Frontend
Backend
AI
DevOps
DB
Monitoring
etc

✨ API

📊 Monitoring

Prometheus & Grafana

Django
Django Django2
cAdvisor
cAdvisor2
Node Exporter
Node Exporter Node Exporter2

🔧Logging

Loki

🚀 How to Start

1. Clone The Repository

https://github.com/2024-Winter-Bootcamp-Team-A/backend.git
https://github.com/2024-Winter-Bootcamp-Team-A/frontend.git

2. ENV Setting

  • Backend/.env
POSTGRES_DB=
POSTGRES_USER=
POSTGRES_PASSWORD=
POSTGRES_HOST=
POSTGRES_PORT=
OPENAI_API_KEY = ""
TYPECAST_API_KEY = ""
S3_ACCESS_KEY = ""
S3_SECRET_KEY = ""
S3_BUCKET = ""
RUNWAY_API_KEY = ""

3. Run Docker

docker-compose up --build

4. Chrome Extension

1. 확장 프로그램 빌드
pnpm i
pnpm run dev
  • 위 명령어를 실행하면 dist 폴더에 배포 가능한 파일들이 생성
2. Chrome 확장 프로그램 로드
  1. chrome://extensions/ 접속
  2. 페이지 우측 상단에 있는 “개발자 모드” 토글 활성화
  3. “압축 해제된 확장 프로그램 로드” 버튼을 클릭
  4. 빌드된 dist 폴더의 경로를 선택
  5. 확장 프로그램이 정상적으로 로드되면 확장 프로그램 목록에 새 확장 프로그램이 생성

👥 Member

Name 김보배 이다하 양현민 이현빈 송지우 이슬
Profile
Role Backend, DevOps Backend, DevOps Backend, DevOps Frontend, UI/UX Frontend, UI/UX Frontend, UI/UX
GitHub

Popular repositories Loading

  1. frontend frontend Public

    TypeScript

  2. backend backend Public

    Python

  3. .github .github Public

Repositories

Showing 3 of 3 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…