🎸 Band Story

밴드와 음악을 사랑하는 사람들을 위한 아카이브 프로젝트입니다.

🚀 프로젝트 소개

Band Story는 다양한 밴드들의 정보와 음악을 한눈에 볼 수 있는 웹 서비스입니다. 장르별로 밴드를 탐색하고, 각 밴드의 상세 정보와 대표곡을 확인할 수 있습니다.

개발 기간

• 2024.12.16 ~ 2024.12.19 (약 4일)

주요 기능

• 🎵 밴드 정보 열람 및 검색
• 🎼 장르별 밴드 분류
• 📝 밴드 상세 정보 제공
• 🎧 대표곡 정보 제공
• 🎹 음악 플레이어 (재생, 일시정지, 다음곡, 이전곡)

📱 페이지 소개

메인 페이지

서비스의 메인 페이지입니다. 인기 있는 밴드와 최근 업데이트된 밴드 정보를 확인할 수 있습니다.

아티스트 페이지

모든 밴드의 목록을 확인할 수 있습니다. 이름순 또는 데뷔순으로 정렬이 가능합니다.

장르 페이지

다양한 장르별로 밴드를 탐색할 수 있습니다.

상세 페이지

각 밴드의 상세 정보와 대표곡을 확인할 수 있습니다.

플레이어

하단에 고정된 플레이어를 통해 음악을 재생할 수 있습니다. 재생, 일시정지, 다음곡, 이전곡 등의 기능을 제공합니다.

🛠 기술 스택

Frontend

• Next.js 14
• TypeScript
• Tailwind CSS
• Heroicons
• Youtube API (음악 재생)
• Context API (플레이어 상태 관리)

Backend

• Prisma
• PostgreSQL
• Cloudflare Images

추후 개선 사항

• 플레이어 기능 개선
• 디자인 개선
• 밴드 정보 업데이트
• 밴드 검색 기능 추가
• 밴드 추천 기능 추가