Merge branch 'develop' of https://github.com/pirogramming/Moodico into main-test

Author: ZinYan

README.md

@@ -1,2 +1,121 @@
-# Moodico
-나만의 컬러와 무드에 맞춘 메이크업 제품을 한눈에 추천해주는 웹 서비스입니다.
+## 🔮 서비스 소개
+
+---
+
+<img width="400" height="200" alt="image" src="https://github.com/user-attachments/assets/434db6c4-0189-4b32-84d0-47cba4f135d3" /> 
+
+> 나만의 컬러와 무드에 맞춘 메이크업 제품을 한눈에 추천해주는 웹 서비스
+> 
+> URL : https://moodico.xyz/
+---
+## ✅ 목차
+[1.🔮 서비스 소개](#-서비스-소개)
+
+
+[2.💻 Developers](#-developers)
+
+
+[3.🔩 System architecture](#-system-architecture)
+
+
+[4.🔮 Moodico 사용 설명서](#-moodico-사용-설명서)
+
+
+
+---
+## 💻 Developers
+
+- 프로젝트 기간: 2025.07~2025.08 (3주)
+
+| **조가람**   | **남유찬**  | **김지은** | **진웨이얀** | **이유석**  |
+|------|-------|-------|-------|--------|
+|<img width="230" height="270" alt="image" src="https://github.com/user-attachments/assets/68b2704d-32ce-47fd-9d61-89fad0309778" />|<img width="200" height="240" alt="image" src="https://github.com/user-attachments/assets/cb0a42e9-a057-4df3-814e-7b8131a3bfa5" />| <img width="230" height="270" alt="image" src="https://github.com/user-attachments/assets/ea2f5653-a95c-4389-b8b1-a90fd2563a79" />|<img width="230" height="270" alt="image" src="https://github.com/user-attachments/assets/acf545f3-16ea-4f55-affe-3ebfbaa5e125" />| <img width="230" height="270" alt="image" src="https://github.com/user-attachments/assets/33f4875a-8459-42ae-a344-935fc30eca7c" /> |
+|PM/FE|FE|BE|BE|BE|
+|응애 나 팀장|moodico팀과 함께해서 행복했습니다~ 화이팅|추구미=안정형 만능 성장캐|개발의 신을 꿈꾸지만 아직은 버그의 제자|막내 백|
+
+- **집돌이 집순이들의 모임**
+
+---
+## 🔩 System architecture
+<img width="881" height="405" alt="image" src="https://github.com/user-attachments/assets/b47d0b25-c98f-466e-bb3e-040b21aa3214" />
+
+
+---
+
+## 🔮 Moodico 사용 설명서
+
+### 1. 무디코 & 톤/무드 활용법 소개
+
+- 톤/무드를 활용할 수 있는 방법에 대한 간단한 소개
+- 무디코 활용법 소개
+  
+<img width="1641" height="405" alt="image" src="https://github.com/user-attachments/assets/da54460c-3e24-4b12-bf72-1c2ca0334562" />
+
+
+
+### 2. 내 아이템 기반 검색
+
+- 크롤링 된 데이터 기반 제품 검색 → 유사 톤/무드 제품 추천 기능
+- 업로드 한 사진에서 색 추출 → 유사 톤/무드 제품 추천 기능
+- 추천 제품 → 올리브영 정보
+<img width="1181" height="280" alt="image" src="https://github.com/user-attachments/assets/09eca7f0-f3a9-46e3-8f1d-3e2331b6d4ec" />
+- DB에 업로드 된 제품 내 추천
+- 업로드한 사진 색상 추출 기반 추천
+- <img width="1180" height="296" alt="image" src="https://github.com/user-attachments/assets/1c81838f-70ac-4a30-a36f-bfb3995243a3" />
+- 립/블러셔/아이섀도우 세 종류로 분류하여 제품 추천 제공
+
+
+  
+- <img width="300" height="300" alt="image" src="https://github.com/user-attachments/assets/77adcc23-686c-4237-8c13-bd7a1d2e0eef" />
+- 올리브영 제품 추천 정보 모아보기
+
+### 3. 오늘의 추천
+- 내가 찜한 제품 중 랜덤 추천 기능 → 사용자 리마인드 기능
+-  <img width="548" height="430" alt="image" src="https://github.com/user-attachments/assets/58157e51-ce40-4837-a1c1-67047def1d06" />
+
+
+### 4. 무드 테스트
+
+- 10개의 간단한 설문
+- 러블리/시크/내추럴/캐주얼/고급스러운/모던/청순/힙에 맞는 추천 결과 제공
+  <img width="1171" height="399" alt="image" src="https://github.com/user-attachments/assets/48bee61f-2db1-4f88-95d9-7a746f7773a8" />
+
+### 5. 색상 매트릭스 바로가기 
+- 찜/무드별/제품기능별 필터링 기능 제공
+- 무드 박스를 조정해 원하는 구역의 제품 모아보기 기능
+  <img width="1181" height="326" alt="image" src="https://github.com/user-attachments/assets/3fe05b96-e08b-4e08-9207-851e54d2ba22" />
+
+### 6. 컬러 투표
+- 해당 일자 자정 기준 상위 1위, 2위 제품 인기투표 경선 기능
+<img width="1152" height="971" alt="image" src="https://github.com/user-attachments/assets/c6dcd43e-c179-45e2-95aa-f4396d5082a1" />
+
+### 7. 현재 인기 아이템 순위 제공
+
+- 찜 수를 기준으로 상위 아이템 표시
+- 상위 10 제품에 대한 정보 제공
+- 립/블러셔/섀도우 기능 필터링
+<img width="1150" height="524" alt="image" src="https://github.com/user-attachments/assets/c7d913f4-ec0e-4b82-8e7e-467446833357" />
+
+### 8. 찜한 아이템 모아보기 기능
+
+- 찜한 아이템 모아보기 제공
+- 찜한 아이템기반 개인 매트릭스 제공 → 사용자의 선호 무드 확인가능
+  <img width="1157" height="410" alt="image" src="https://github.com/user-attachments/assets/7930a69a-8f3e-4bcd-af67-afe186f0a2b5" />
+
+### 9. 로그인
+
+- 기본 로그인/카카오 로그인 제공
+- 마이페이지에서 나의 무드/내가 작성한 리뷰/찜한 제품 확인 가능
+  <img width="1153" height="633" alt="image" src="https://github.com/user-attachments/assets/9e0cb38a-bb99-44db-a7e9-7c74b7980bd2" />
+
+### 10. 제품 상세페이지 /  리뷰
+
+- 제품 매트릭스 위치/가격 제공
+- 구매하기 버튼 → 해당 브랜드 구매 페이지로 연결
+- 제품별 별점/리뷰 기능
+  <img width="1162" height="428" alt="image" src="https://github.com/user-attachments/assets/d5c81de9-1422-4505-b199-36b5c713f7a8" />
+
+
+
+
+

requirements.txt

@@ -43,3 +43,4 @@ webdriver-manager==4.0.2
 websocket-client==1.8.0
 wsproto==1.2.0
 django-crontab==0.7.1
+django-crontab==0.7.1

static/css/products/product_ranking.css

@@ -196,4 +196,4 @@
     transition: all 0.3s ease;
     box-shadow: 0 4px 15px rgba(102, 126, 234, 0.2);
     min-width: 150px;
-}
+}