CheckIt

🍀 Introduction

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

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

📌 System Architecture

📚 Tech Stack

Frontend	Backend	Test	Database	DevOps

🔍 Features

• 메인 페이지 + 로그인

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

• 검색 페이지

  

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

• 내 서재 페이지

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

• 독서 통계 페이지

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

• 관리자 문의하기 채팅 기능

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

Swagger

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

ERD

👥 Our Team

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