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 |
main page
메인 화면의 무한 스크롤을 탐색하며 마음에 드는 후기를 찾습니다.main page
로그인 시 filter 기능을 사용하여 문학/비문학을 선택할 수 있고, 글 작성과 본인이 작성한 글들을 확인할 수 있습니다.post view page
후기의 본문을 읽으며 책을 확인하고 싶어지면, '책 정보 확인하기' 버튼을 눌러 책에 대한 정보를 확인할 수 있습니다.post view page
책을 구매하고 싶다면, '책 정보 검색하기' 버튼을 눌러 서점의 홈페이지로 이동합니다.post view page
같은 책에 대한 후기를 보고 싶다면 무한 스크롤을 탐색하며 같은 책에 대한 다른 후기들을 볼 수 있습니다.post page
본인이 읽었던 책에 대한 후기를 작성할 수 있습니다.more page
작성한 후기들을 확인할 수 있습니다.
react
,mySQL
,node
,express
,ckeditor5
,mecab-ya
git clone
을 통해 repository 내용을 복제합니다./front
와/back
에서npm install
을 하여 종속성을 설치합니다./back
에서db-config.json
파일을 생성하여 데이터베이스 커넥션 주소를 설정합니다.
//db-config.js
{
"host": (여기에 호스트 이름 작성),
"user": (여기에 유저 이름 작성) ,
"password": (여기에 비밀번호 작성) ,
"database": (여기에 데이터 베이스 이름 작성),
}
/front
에서npm run build
를 하여 빌드파일을 생성합니다./back
에서node index.js
를 사용하여 서버를 엽니다.
후기 본문 | 책 정보 확인 버튼off | 책 정보 확인 버튼on | 후기 작성 | 책 검색 | 내 서재(후기) |
---|---|---|---|---|---|
(영상 첨부 예정)
데이터 베이스 스키마의 변천사 | 데이터 베이스 최종 |
---|---|