S74_capstone_yogesh_guessync
A full-stack, real-time multiplayer music guessing game built with React, Firebase Auth, Socket.IO, MongoDB, and Vite. Integrated with Spotify, YouTube, and GeminiAI to enable AI-powered hints, audio playback and fuzzy-matched answers.
파일 탐색기
최종 버전 다운로드 (.zip)- Create Room.bru
- folder.bru
- Join Room.bru
- folder.bru
- Song-b-index.bru
- folder.bru
- User Authentication UID.bru
- bruno.json
- 1.png
- 10.png
- 11.png
- 12.png
- 2.png
- 3.png
- 4.png
- 5.png
- 6.png
- 7.png
- 8.png
- 9.png
- door.svg
- majesticons_music-line.svg
- node.svg
- question.svg
- _redirects
- AI-p.png
- AI.png
- copy.png
- dice.png
- film.png
- logo.png
- logo.svg
- music.png
- pfp.png
- rect.png
- twinkle.png
- vite.svg
- wordmark.png
- copy.png
- google.svg
- guessync.gif
- react.svg
- send.png
- spotify.png
- AvatarGrid.jsx
- GlowingButton.jsx
- Navbar.jsx
- AvatarSelector.jsx
- firebase.js
- AuthContext.jsx
- avatarList.js
- AboutDev.jsx
- CreateRoom.jsx
- GameRoom.jsx
- HomePage.jsx
- HowToPlay.jsx
- JoinRoom.jsx
- LandingPage.jsx
- Login.jsx
- Profile.jsx
- Signup.jsx
- WaitingRoom.jsx
- tailwind.css
- JoinRoom.test.jsx
- App.css
- App.jsx
- index.css
- main.jsx
- setupTests.js
- socket.js
- .env.example
- eslint.config.js
- index.html
- package-lock.json
- package.json
- postcss.config.cjs
- README.md
- tailwind.config.cjs
- vite.config.js
- db.js
- firebase-adminsdk.js
- firebase.js
- roomController.js
- userController.js
- roomCleanup.js
- Room.js
- Song.js
- User.js
- authRoutes.js
- roomRoutes.js
- songRoutes.js
- userRoutes.js
- fetchSpotifySongs.js
- fetchYouTubeIds.js
- socketHandler.js
- fillPlaylistFromSpotify.js
- generateCode.js
- getAIHint.js
- getSpotifyAccessToken.js
- getYoutubeVideoId.js
- .env.example
- Dockerfile
- package-lock.json
- package.json
- server.js
- .gitignore
- LICENSE
- netlify.toml
- README.md
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/kalviumcommunity/S74_capstone_yogesh_guessync
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd S74_capstone_yogesh_guessync
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Docker
쉬움 추천사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker build -f server/Dockerfile -t s74-capstone-yogesh-guessync .
Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.
docker run -p 8080:80 s74-capstone-yogesh-guessync
빌드된 이미지를 실제 컨테이너로 실행합니다.
터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.
3. Node.js
쉬움사전 준비물
cd server && npm install
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
cd ../client && npm install
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
npm run dev
개발/실행 서버를 켭니다.
npm run dev -- --port 5174
개발/실행 서버를 켭니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)
