📌 ‣

📌 배포 링크

YOON-PLAY

Overview

그날의 분위기와 기분에 따라 음악을 추천해주는 뮤직 플레이어입니다 🙂

• Axios, React-query 그리고 Youtube API 이용하여 구현하였으며 유저가 무드를 선택하면 해당 키워드에 맞춰 뮤직 플레이리스트를 호출하여 나타냅니다.
• 원하는 뮤직을 선택하여 나만의 플레이리스트에 나타낼 수 있습니다.
• 제공되는 무드 카테고리에서 유저가 원하는 항목이 없을 경우 검색할 수 있도록 페이지를 추가하였습니다.
• 플레이리스트 추가/삭제, 재생/멈춤, 볼륨 조절이 가능합니다.

1. 기획 ✏

해당 프로젝트의 기획은 이렇습니다!

"그날의 분위기와 기분에 따라 음악을 추천해주는 뮤직플레이어는 어디 없을까?"

위와 같은 생각을 하게되었고 나만의 감정 뮤직플레이를 만들어보고자 해당 프로젝트를 기획하였습니다.

1.1) 무드선택

• 유저가 오늘 하루의 기분, 분위기 및 감정에 알맞는 카테고리를 선택할 수 있는 페이지 입니다.
• 두 가지 선택지를 모두 클릭했을 시에만 하단 MOOD PLAY버튼을 누르면 무드플레이 화면으로 넘어갑니다.
• 두 가지 선택지 중 하나라도 클릭하지 않았을 때는 안내 모달창이 나타납니다.