Musical Chat Backend

뮤지컬 채팅 - 비슷한 음악 취향을 가진 사람들과의 실시간 채팅

설명:

뮤지컬 채팅은 사용자가 자신과 비슷한 음악 취향을 가진 사람들과 연결하고 채팅할 수 있는 플랫폼입니다. 사용자는 플랫폼에서 자신이 듣는 노래와 장르에 액세스할 수 있도록 Spotify 계정으로 로그인해야 합니다. 유저들이 좋아하는 장르를 고려하고, 이를 바탕으로 사람들을 매칭하는 알고리즘을 만들었습니다. 다양한 장르가 있으므로 알고리즘은 문자열 유사성을 기반으로 장르가 얼마나 유사한지 고려합니다. 일치하면 웹 소켓을 사용하여 서로 실시간으로 채팅할 수 있습니다.

소요된 시간:

1개월

사용된 기술:

• ReactJS
• NodeJS
• 웹소켓(Socket.io)
• MySQL
• HTML
• CSS
• 스포티파이 API
• 헤로쿠

프런트엔드:

프런트 엔드는 Netlify에서 호스팅됩니다.
프런트 엔드 저장소는 https://github.com/machadop1407/musical-connection-client입니다.

백엔드

백엔드용인 경우 이 저장소입니다. 백엔드는 두 개의 서로 다른 Heroku Dynos에서 호스팅됩니다. 하나는 Musical Chat Rest API용이고 다른 하나는 Spotify 인증용입니다.

설계:

데이터 베이스:

테이블 2개:

• 사용자: 사용자 이름, SpotifyId, 좋아하는 장르, 현재 매치 및 현재 소켓 룸을 포함하여 사용자에 관한 모든 것을 저장합니다.
• 메시지: 메시지 자체, 보낸 사용자의 ID, 받은 사용자의 ID를 포함하여 모든 메시지와 관련 정보를 저장합니다.

서버측:

나머지 API:

• 3가지 경로가 있는 Express 서버:
  • 로그인: 사용자가 이미 플랫폼에 계정을 가지고 있는지 확인하는 로그인 경로입니다. 그렇지 않은 경우 사용자 테이블에 새 행을 삽입하고 모든 관련 정보를 가져옵니다.
  • 일치: 일치하는 모든 요청을 처리하는 일치 경로입니다. 또한 위에서 설명한 일치 알고리즘도 포함됩니다.
  • 메시지: 메시지와 관련된 모든 CRUD 작업을 처리하는 메시징 경로입니다.

Spotify 인증:

• Spotify의 Authorization Code Flow 방식을 활용하는 별도의 서버입니다.

프런트엔드:

create-react-app 보일러 플레이트를 사용하여 ReactJS에서 완전히 개발된 프런트 엔드