🎵 멜로디메이트 (MelodyMate) 🎵

🚀 토이프로젝트 | 🤝 인원: 2명 | 📅 2023.07 ~ 진행중

🎯 서비스 소개

멜로디메이트는 K-POP 뮤직 플레이어 서비스입니다. 자바스크립트 기반의 프로젝트인 '해피뮤직'에서 백엔드 개발자와 함께 리액트와 타입스크립트로 마이그레이션 중입니다.

🔗 Melody Mate 바로가기

🌟 서비스 핵심기능

• 🎶 뮤직 플레이어 기능
• 📈 인기곡 차트
• 🎧 플레이 리스트

💼 역할 및 성과

🖥 프론트엔드 업무 전담

• 🎶 뮤직 플레이어 기능
• 📈 인기곡 차트
• 🖱 창 드래그 기능
• ⏭ 다음곡, ⏮ 이전곡 기능
• 🪟 모달 창닫기, 숨기기 기능

🛠 추가 개발 예정

• 📝 회원가입, 로그인
• 🎧 사용자 플레이리스트

🛠 적용기술

• 클라이언트: React TypeScript
• 퍼블리싱: Tailwind CSS
• 서버: Spring

📸 서비스 스크린샷

🎶 반응형

• 화면 크기에 맞게 웹 페이지의 레이아웃이 조정됩니다. 모든 장치에서 편리하게 사용 가능합니다.

🎶 차트

• 인기 있는 음악을 순위별로 나열한 목록입니다.

🎶 다음곡 & 이전곡

• 차트나 플레이리스트에서 곡을 전환하는 기능입니다. 사용자는 "다음곡" 또는 "이전곡" 버튼을 통해 곡을 쉽게 변경할 수 있습니다.

🎶 음악 진행바 선택기능

• 진행바를 통해 음악의 특정 부분을 선택하여 재생할 수 있습니다.
  

🎶 음소거 해제 기능

• 음악의 소리를 끄거나 다시 켤 수 있는 기능입니다.

  
  

🎶 모달 창닫기, 숨기기 기능

• 웹 페이지 위에 나타나는 모달 창을 닫거나 숨길 수 있습니다.

  
  

🎶 회원가입, 로그인, 플레이리스트, 믹스테이프는 곧 업데이트 될 예정입니다. 🔧