AuraWave
커스텀 음악, 플레이리스트 공유
기여도 100%
- 제작 기간2023.09.18 ~ 2023.10.23,
2024.01.23 ~ 2024.03.03 - 팀 구성개인 프로젝트
Next.js
Typescript
Firebase
Recoil
Styled-Components
React-Hook-Form
Framer-Motion
Vercel
음악에 감성 한 스푼🥄
모닥불, 여름밤, 빗소리, 함박눈 소리를 얹어 음악을 들을 수 있으며,
유저들끼리 플레이리스트를 공유할 수 있습니다.
위치 권한을 허용하면, 현재 날씨에 어울리는 배경음을 추천해 드립니다.
커스텀 한 배경 음악에 따라 메인 페이지에 있는
대표 이미지의 배경 효과가 달라집니다.
Summary
PWA로 PC나 모바일의 홈 화면에 설치해서 사용할 수 있습니다.
백엔드로는 Firebase를 사용했습니다.
일반 로그인, 구글 로그인은 firebase auth를 사용했으며,
어드민 계정일 경우 음악, 앨범 이미지, 출처 등를 넣고
음악을 등록하거나 삭제할 수 있으며 aurawave 플레이리스트를 등록할 수 있습니다.
firestore database로 유저 정보, 음악 정보, aurawave 플레이리스트, user 플레이리스트
총 4개의 데이터베이스로 나눠놨습니다. 음악과 이미지는 firebase storage를 사용했습니다.
# 주요 기능
⦁ 로그인, 회원가입
⦁ 음악 추가, 수정, 삭제
⦁ 플레이리스트 생성, 수정, 삭제
⦁ 음악 컨트롤 바
⦁ 음악 커스텀
⦁ 배경 음악에 따라 바뀌는 대표 이미지 배경 효과
⦁ 음악 추가, 수정, 삭제
⦁ 플레이리스트 생성, 수정, 삭제
⦁ 음악 컨트롤 바
⦁ 음악 커스텀
⦁ 배경 음악에 따라 바뀌는 대표 이미지 배경 효과
MORE PROJECTS
you might like
MORE PROJECTS
you might like
MORE PROJECTS
you might like
MORE PROJECTS
you might like
