View on GitHub

capstone-2024-43

후기 기반 책 추천 서비스

Review Assignment Due Date Open in Visual Studio Code

캡스톤 디자인 43팀 : 문향

👋프로젝트 소개

2024년 국민대학교 소프트웨어융합대학에서 진행한 캡스톤디자인 수업에 참여한 프로젝트입니다. ( 2024-03-08 ~ 2024-05-27 ) 프로젝트 ‘문향’은 후기를 통해 책을 추천해주는 웹서비스입니다.

This project participated in the Capstone Design course conducted by the College of Software Convergence at Kookmin University in 2024. (March 8, 2024 - May 27, 2024) The project ‘Moonhyang’ is a web service that recommends books through reviews. 포스터

👯팀소개

이름 역할 깃허브 주소
박정빈(팀장) DB스키마 구성 , 컴포넌트 구성(post 페이지 제외) @obb8923
이기서 추천 알고리즘 , 스포일러 필터링 알고리즘 @leegiseo00
남혜영 post 페이지 구성, 에디터 라이브러리를 통해 글 작성,수정,삭제 구현 @hyeyeong-nam
유현석 크롤링을 통해 초기 데이터 수집 , AWS연결-배포 , firebase auth 연결 @mongwan

📋사용법

사용자 매뉴얼

  1. main page 메인 화면의 무한 스크롤을 탐색하며 마음에 드는 후기를 찾습니다.
  2. main page 로그인 시 filter 기능을 사용하여 문학/비문학을 선택할 수 있고, 글 작성과 본인이 작성한 글들을 확인할 수 있습니다.
  3. post view page 후기의 본문을 읽으며 책을 확인하고 싶어지면, ‘책 정보 확인하기’ 버튼을 눌러 책에 대한 정보를 확인할 수 있습니다.
  4. post view page 책을 구매하고 싶다면, ‘책 정보 검색하기’ 버튼을 눌러 서점의 홈페이지로 이동합니다.
  5. post view page 같은 책에 대한 후기를 보고 싶다면 무한 스크롤을 탐색하며 같은 책에 대한 다른 후기들을 볼 수 있습니다.
  6. post page 본인이 읽었던 책에 대한 후기를 작성할 수 있습니다.
  7. more page 작성한 후기들을 확인할 수 있습니다.

    운영자 매뉴얼

    요구사항

    react,mySQL,node,express,ckeditor5,mecab-ya

    환경설정

  8. git clone을 통해 repository 내용을 복제합니다.
  9. /front 와 /back 에서 npm install 을 하여 종속성을 설치합니다.
  10. /back 에서 db-config.json 파일을 생성하여 데이터베이스 커넥션 주소를 설정합니다. 
    //db-config.js
{
    "host": (여기에 호스트 이름 작성),
    "user": (여기에 유저 이름 작성) ,
    "password": (여기에 비밀번호 작성) ,
    "database": (여기에 데이터 베이스 이름 작성),
}
  11. /front 에서 npm run build를 하여 빌드파일을 생성합니다.
  12. /back 에서 node index.js 를 사용하여 서버를 엽니다.

📢주요 기능 , 시스템 구조 소개

사진

후기 본문 책 정보 확인 버튼off 책 정보 확인 버튼on 후기 작성 책 검색 내 서재(후기)
<img src=https://github.com/kookmin-sw/capstone-2024-43/assets/59199893/2965d626-897d-441b-b6c1-6345f4884c19 width=200> <img src=https://github.com/kookmin-sw/capstone-2024-43/assets/59199893/cf5fd1a9-1fd4-4443-bd56-6c51b5a44831 width=200> <img src=https://github.com/kookmin-sw/capstone-2024-43/assets/59199893/f2b144b6-f857-40db-8795-88a1cbb1d3ab width=200> <img src=https://github.com/kookmin-sw/capstone-2024-43/assets/59199893/60ea2a3a-45c6-4b3b-bee2-78d442f89407 width =200> <img src=https://github.com/kookmin-sw/capstone-2024-43/assets/59199893/6a5a55e3-d7ed-4136-be4d-ad43af1e7bd0 width=200> <img src=https://github.com/kookmin-sw/capstone-2024-43/assets/59199893/eb1135ea-b5f3-4e17-897f-77bb96d75ffc width=200>

영상

(영상 첨부 예정)

시스템 구조도

구조도

ERD

데이터 베이스 스키마의 변천사 데이터 베이스 최종
</img> </img>

📂자료 모음

🪡사용한 기술