Skip to content

Latest commit

 

History

History
97 lines (69 loc) · 6.78 KB

README.md

File metadata and controls

97 lines (69 loc) · 6.78 KB

CheckIt

🍀 Introduction

스크린샷 2023-11-22 오후 9 46 59

그래프 기반 독서 기록 서비스

  • 서점 사이트 크롤링하여 책 데이터를 저장해요
  • 나만의 서재 만들어 기록할 수 있어요
  • 등록한 책을 쌓아볼 수 있어요
  • 일주일 독서 추세를 그래프로 볼 수 있어요

📌 System Architecture

image (4)


📚 Tech Stack

Frontend Backend Test Database DevOps






















🔍 Features

  • 메인 페이지 + 로그인 메인

    • 밀리의 서재 서비스와 비슷하게 구현
    • 스크롤 위치에 따른 이벤트를 적용시켜 동적인 메인페이지 퍼블리싱 진행
  • 검색 페이지

    검색3

    • swiper 를 사용한 슬라이더 구현
    • 인기있는 도서 안내
      • 가장 좋아요 수를 많이 받은 책
    • 최근 출시작 안내
      • 가장 최근에 출시된 신작
    • 책 검색 기능
    • 내 서재 등록
      • 읽기, 다 읽은 책 버튼을 활용한 내 서재 관리
    • 좋아요 기능
      • 좋아요 버튼을 눌러 “찜한 책” 등록 가능
  • 내 서재 페이지 내서재

    • Pagination 을 이용하여 서재 구현
      • 읽은 페이지 기록
      • 리뷰 작성 기능
  • 독서 통계 페이지 통계

    • Three.js 를 이용한 독서 기록 시각화
      • 읽은 책의 페이지 수에 따라 책 컴포넌트 두께를 다르게 설정
    • Chart.js 를 이용한 독서 기록 시각화
      • 완독 날짜를 기준, 일주일 단위로 독서량 체크
  • 관리자 문의하기 채팅 기능 문의하기

    • 웹소켓을 사용한 실시간 통신 구현
      • WebSocket + STOMP를 활용한 실시간 관리자 채팅 구현

Swagger

Frontend와 Backend 통신을 위한 API 문서화는 Swagger를 이용

swagger 1 swagger 2 swagger 3 swagger 4

ERD

erd

👥 Our Team

Name 박희경 송지민 김선재 정우희 권찬영 고원준
Profile 박희경 송지민 김선재 정우희 권찬영 고원준
Role Backend, DevOps Backend, DevOps Frontend Frontend Backend Frontend
gitHub @gmlrude jiminsong490 @sunjae98 @Joy0w0 @fnzl54 @KoneJ