🎧 MAVVE - Frontend

EFUB 5기 SWS 3팀 "MAAVE" 프로젝트 프론트엔드 레포지토리입니다.

🎸MAAVE는 어떤 프로젝트일까요?

음악을 통한 공유 경험, MAAVE!

MAAVE는 음악을 통해 감정을 실시간으로 공유하고,
몰입감을 높이는 협업 환경을 제공하는 서비스입니다.
음악 플레이리스트, 한줄 일기를 기반으로 다른 유저와 교감할 수 있어요.

🗓️ 개발 기간

• 2025.07.07 ~ 08.08

💡 주요 기능

👩‍💻 팀원

@billy0904	@hakyunghahm	@wys0530
이가빈	함하경	우윤수
메인 및 플레이리스트 페이지 페이지 진입, 플레이리스트 생성 기능	방 생성 및 내부 페이지 실시간 음악 재생 및 동기화, 채팅 기능	로그인 및 마이페이지 사용자 인증, 정보 관리 기능

🔧 기술 스택

Environment

Language

Development

Deploy

📁 프로젝트 구조

MAVVE-FRONT/
├── .github/
│ └── ISSUE_TEMPLATE/
│
└── mavve/
├── node_modules/
├── public/
└── src/
├── api/
│ ├── auth.js
│ ├── axiosInstance.js
│ ├── chat.js
│ ├── client.js
│ ├── diary.js
│ ├── image.js
│ ├── playlist.js
│ ├── room.js
│ ├── song.js
│ ├── user.js
│ └── websocket-song.js
│
├── assets/
│ ├── Common/
│ ├── LoginPage/
│ ├── MainPage/
│ ├── MyPage/
│ ├── PlaylistPage/
│ ├── RoomInsidePage/
│ └── RoomPage/
│
├── components/
│ ├── Common/
│ ├── MainPage/
│ ├── MyPage/
│ ├── PlaylistPage/
│ ├── RoomInsidePage/
│ └── RoomPage/
│
├── hoc/
│ └── Auth.jsx
│
├── pages/
│ ├── LoginPage/
│ ├── MainPage/
│ ├── MyPage/
│ ├── PlaylistPage/
│ ├── RoomInsidePage/
│ └── RoomPage/
│
├── store/
│ ├── useUserStore.js
│ └── useRoomStore.js
│
├── styles/
├── App.jsx
├── main.jsx
├── .env
└── .env.production