MUrangE

목차

1. 뮤랑이 소개
2. 프로젝트 시연
3. 웹 구조도
4. API 설계
5. DB 설계
6. UI 기획
7. License
8. 개발 일지 및 이슈
9. 사용자 피드백

뮤랑이(MUrangE) 소개

뮤랑이는 표정 인식 기반 음악 추천 웹사이트 (MUsic🎵 & Emotion😀)입니다.
학교 졸업 프로젝트, 수상🎉

프로젝트 소개 : PPT 링크 이동하기 | PDF 다운로드하기

메인 기능

1. 표정 분석 후 음악 추천 : 사용자의 표정을 5초간 분석 후, 해당 감정에 맞는 음악을 추천해줍니다.
2. 감정 색상 달력 : 분석 후, 사용자의 감정이 달력에 색상으로 저장됩니다. (가장 높은 수치의 감정 2가지를 기준으로 색상이 정해집니다)

💻 프로젝트 시연

사이트 이동 : https://www.murange.site

murange_demo.mp4

🏠 웹 구조도

• FE : Javascript, Ajax, JQeury, HTML, CSS
• BE : Java Spring, MySQL, Spring Data JPA, Querydsl

📁 API 설계

• API 문서 (Postman) : https://documenter.getpostman.com/view/17088295/2s8ZDbX1Qk

📂 DB 설계

🖼 UI 기획

📑 License

• Face Detection API : https://github.com/WebDevSimplified/Face-Detection-JavaScript
• Javascript Calendar API : https://github.com/brospars/simple-calendar
• SoundCloud Crawling : https://github.com/2022-project/crawling

📝 개발 일지 및 이슈

• HTTPS로 배포하기 with AWS
• 이슈 및 해결
  • Camera API HTTP 작동 불가
  • CORS 에러와 Spring Security

📬 사용자 피드백

학교 졸업 전시회에서 시연 후 수집한 사용자 피드백

전체 사용자 피드백.xlsx

⬆맨 위로 가기