https://github.com/codestates-seb/seb40_main_012

🍒 CherryPick - 책과 문화콘텐츠 정보 공유 커뮤니티 서비스
https://github.com/codestates-seb/seb40_main_012

java javascript react spring-boot

Last synced: 3 months ago
JSON representation

🍒 CherryPick - 책과 문화콘텐츠 정보 공유 커뮤니티 서비스

• Host: GitHub
• URL: https://github.com/codestates-seb/seb40_main_012
• Owner: codestates-seb
• Created: 2022-11-07T04:47:06.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-12-18T11:35:44.000Z (over 3 years ago)
• Last Synced: 2025-04-13T01:46:11.167Z (about 1 year ago)
• Topics: java, javascript, react, spring-boot
• Language: JavaScript
• Homepage: https://cherry-pick.co.kr/
• Size: 5.64 MB
• Stars: 9
• Watchers: 4
• Forks: 6
• Open Issues: 15
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![CherryPick_header](https://user-images.githubusercontent.com/70098708/205858784-e774e25b-9769-4ee2-b67d-fd7116d2fd36.svg)

## 🍒 체리픽은 책📚과 문화 콘텐츠 정보 공유 서비스입니다.

**체리픽(Cherry Pick)** 은 다른 브랜치에서 원하는 커밋만을 골라 가져오는 명령어입니다. 


체리픽은 **책과 관련된 정보를 제공**함으로써 사용자가 **책을 중심으로 원하는 정보를 얻고, 경험과 지식을 확장**해 나가는 과정을 함께합니다.

* **팀** 🥔 **달리는 감자**

  FE: [serin-B](https://github.com/serin-B) | [journey](https://github.com/JinhuiKim) | [chichi](https://github.com/chichi-is-happy) | [jwo0o0](https://github.com/jwo0o0)

  

  BE: [gnidinger](https://github.com/gnidinger) | [gangdodan](https://github.com/gangdodan) | [hayoung10](https://github.com/hayoung10)

* **개발기간**: 2022.11.08 ~ 12.06

* **배포링크**: https://cherry-pick.co.kr/

  

  테스트 계정

   **ID**: cherry@email.com

   **PW**: password1234*

## 🛠 기술스택



## 🔍 기능

### 유저 관리

|회원가입|로그인/로그아웃|회원정보 수정|

|------|----------|--------|

|![image](https://user-images.githubusercontent.com/70098708/205867542-e09df244-3cc9-4b06-b483-f71b74150e53.png)|![image](https://user-images.githubusercontent.com/70098708/205867348-b2d79e6e-c036-49cd-9290-372680ac706f.png)|![image](https://user-images.githubusercontent.com/70098708/205867719-c757ab1e-12be-496c-91f5-2c6fb88ecc8a.png)|

* 회원가입시 유효성 검사

* 마이페이지에서 비밀번호 변경 / 유저 정보 수정 가능

* 비밀번호 확인 후 회원탈퇴 가능 

### 랜딩 페이지

|-|-|

|---|---|

|![image](https://user-images.githubusercontent.com/70098708/205883552-9859424a-b393-4e51-827d-7badbf44ed22.png)|![image](https://user-images.githubusercontent.com/70098708/205883620-8b63dde1-6962-48f5-8bff-87ad8c7ac5e7.png)|

### 메인 페이지

|별점 높은 책 조회|조회수 높은 책/추천 책 조회|인기 컬렉션/인기 페어링 조회|

|----|----|----|

|![image](https://user-images.githubusercontent.com/70098708/205868702-1d18f87b-dbde-4204-89d3-8b2e84398770.png)|![image](https://user-images.githubusercontent.com/70098708/205868833-54c28be5-a6d2-4b52-b540-dc044443ee46.png)|![image](https://user-images.githubusercontent.com/70098708/205868884-5365821d-eb4b-466c-b088-abd991c4bce1.png)|

* 유저 선호 장르 기반 책 추천 기능

* 좋아요 수 기반 인기 컨텐츠 추천

### 마이페이지

|나의 코멘트|나의 페어링|나의 컬렉션|나의 픽|

|---|---|---|---|

|![image](https://user-images.githubusercontent.com/70098708/205873499-f712e200-d007-4efe-a720-0cf5913177cc.png)|![image](https://user-images.githubusercontent.com/70098708/205873555-79f5b6be-9ccf-499c-86d4-e5d6dfea6ac8.png)|![image](https://user-images.githubusercontent.com/70098708/205873668-f6973b28-96a1-4bdd-8533-6dfaa697e092.png)|![image](https://user-images.githubusercontent.com/70098708/205873724-efb220da-a7c0-49af-9015-d6ec230f13e9.png)|

* 내가 작성한 콘텐츠, 픽한 콘텐츠 조회 및 삭제 가능

* 유저 활동에 기반한 책의 온기 점수 확인 가능

### 책 정보

|책 기본 정보|유저 코멘트|관련 콘텐츠|

|---|---|---|

|![image](https://user-images.githubusercontent.com/70098708/205874300-dd3aee08-7750-4bdb-90c6-e6b82a8190e6.png)|![image](https://user-images.githubusercontent.com/70098708/205874422-21c73009-a02b-46bd-b46b-9318e6288cc6.png)|![image](https://user-images.githubusercontent.com/70098708/205874483-d15480a9-aaa1-4218-b8e3-d493b226f136.png)|

* 알라딘 오픈 api 기반 책 정보 조회

* 유저들의 코멘트와 별점 확인, 내 코멘트와 별점 작성 

* 체리픽 내 다른 관련 콘텐츠 추천

### 페어링 🍷

**책과 어울리는 여러가지 문화 콘텐츠를 추천하고 공유**합니다. (영화/음식/장소/음악/책) 


사용자는 책을 중심으로 나만의 새로운 조합을 발견해 나갈 수 있습니다.

|페어링 전체 페이지|페어링 상세 조회|페어링 작성|

|---|---|---|

|![image](https://user-images.githubusercontent.com/70098708/205875625-52b4e869-7c93-40df-a892-abb4aa2e74b0.png)|![image](https://user-images.githubusercontent.com/70098708/205875934-013124a4-3d93-4efc-97a2-7e969ba5bd17.png)|![image](https://user-images.githubusercontent.com/70098708/205876367-d27084ff-fff7-4a19-b77a-7b133f482588.png)|

* 카테고리별 페어링 조회 - 관리자 추천 콘텐츠 / 좋아요순 / 최신순 / 랜덤 별 조회

* 페어링 pick하기 / 좋아요 / 공유하기 

* 페어링 작성(이미지 업로드 포함), 수정, 삭제 가능

### 컬렉션 📚

원하는 책들을 골라 **나만의 책장**을 만들 수 있는 서비스입니다.

|컬렉션 전체 페이지|컬렉션 상세 조회|컬렉션 작성|

|---|---|---|

|![image](https://user-images.githubusercontent.com/70098708/205876967-b2171328-c1f8-4e8c-b325-d93cd5cc5c4d.png)|![image](https://user-images.githubusercontent.com/70098708/205877044-1292f092-be6a-4f4c-926d-8e3539509db5.png)|![image](https://user-images.githubusercontent.com/70098708/205877165-57f37719-e87b-4438-a52a-087cf7118d29.png)|

* 나의 컬렉션 / 선호장르 기반 추천 컬렉션 / 인기 컬렉션 / 관리자 추천 컬렉션 조회

* 컬렉션 pick하기 / 좋아요 / 공유하기

* 컬렉션 작성(알라딘 api 책 조회), 수정, 삭제 가능

### 코멘트

|페어링/컬렉션 코멘트|책 코멘트|

|--|--|

|![image](https://user-images.githubusercontent.com/70098708/205878454-4d3fae8b-9875-48c0-9109-501ac78ed551.png)|![image](https://user-images.githubusercontent.com/70098708/205878696-c04c0dae-963e-447c-9bcd-19260f6bd0e9.png)|

* 책 / 페어링 / 컬렉션에 코멘트 작성, 수정, 삭제, 좋아요 가능

### 검색

|책 검색|페어링 검색|컬렉션 검색|

|---|---|---|

|![image](https://user-images.githubusercontent.com/70098708/205878967-4e51612f-6356-4bea-9b66-a7d3612f29ce.png)|![image](https://user-images.githubusercontent.com/70098708/205879145-3dcb9cbe-a31f-42b7-a9c5-142e920773b5.png)|![image](https://user-images.githubusercontent.com/70098708/205879213-8bb221cd-2673-4ce2-8692-4c05b8f4c574.png)|

* 알라딘 오픈 api 기반 책 검색

### 반응형

|메인|페어링|컬렉션|마이페이지|

|---|---|---|---|

|![image](https://user-images.githubusercontent.com/107830853/206853329-8d5c37bd-d32d-4b1e-aa8c-eaae3a0cb9f2.png)|![image](https://user-images.githubusercontent.com/107830853/206853335-8fc5dd5f-a14c-4020-919e-503653b23515.png)|![image](https://user-images.githubusercontent.com/107830853/206853344-1d259e29-7621-47ae-a120-6089c4eb604f.png)|![image](https://user-images.githubusercontent.com/107830853/206853364-39115847-ac46-4117-8794-3cdc64d1a57d.png)|

* 모든 페이지 모바일 사이즈까지 대응