🤗 방가방가 (bang-ga-bang-ga)

상세 시현영상 및 개발 로그

상세한 시현영상,구현기능 보는 링크

📎 서비스 링크 이동하기 (베포 중단 )

함께 할 친구가 없거나, 난이도 극악인 테마를 깨고싶은데 주변에 방탈출 고수가 없어서 절망했던 경험 있으신가요? 🤔 
방가방가에서 손쉽게 프로 방탈출러 멤버를 구해보세요! 🧞‍♂️

🤹 서비스 주요 기능

• 원하는 시간대, 방탈출 카페를 지정해서 멤버 모집하기
• 프로필에 작성된 MBTI, 선호 테마등의 정보를 조회하여 함께하고 싶은 멤버 확인 가능
• 매칭 이후 유저들간의 탈출 레벨, 매너 점수 평가 기능
• 모집 중인 게시글 리스트, 지도로 확인 가능
• 방탈출 카페에 대한 정보 지역별 조회 기능

🛠 기술 스택

프론트

### 백

🏃 실행 방법

1. 레포지토리 클론

    <!-- 프론트 레포지토리 -->
   git clone "https://kdt-gitlab.elice.io/sw_track/class_03/web_project_2/team15/initialization"
   
    <!-- 서버 레포지토리 -->
   git clone "https://kdt-gitlab.elice.io/sw_track/class_03/web_project_2/team15/server.git"

2. 필요한 module 설치

   <!-- 프론트 레포 yarn 사용-->
   yarn instll
    <!-- 서버 레포 npm 사용 -->
   npm install

3. .env 설정

   프론트

   REACT_APP_KAKAOMAP_API_KEY=<카카오맵 api key>
   REACT_APP_SERVER_URL=http://localhost:<서버에서 사용중인 포트 번호>

   백

     AWS_MYSQL_URL: <AWS RDB url>
     AWS_MYSQL_USER: <AWS RDB User>
     AWS_MYSQL_DATABASE: <AWS RDB DB_name>
     AWS_MYSQL_PASSWORD: <AWS DB password>
     AWS_MYSQL_PORT:<AWS Port>
     PORT=<서버실행시 사용할 포트 번호>

4. express 앱을 실행

   프론트 레포

   yarn start
   

   서버 레포

   npm start
   

🪪 테스트 계정

ID: [email protected]
PW: qwer1234! 

👨‍👩‍👦‍👦 Responsibility

담당자명(GitHub)	담당 파트
선아 @sunnao	홈, 카페리스트페이지, 매칭이력 페이지&팀원평가창 연결
소진 @sojinjang	지도 기능, 프론트 배포, msw
재웅 @wooooooongs	모집 리스트, 글쓰기, 프로필 모달창, 페이지네이션
동현 @cham0287	홈, 로그인, 회원가입, 회원정보 수정, 네비바
지현 @ULemong	마이페이지, 매칭 이력 페이지, 모집 글 신청/취소하기(참가자), 참가 신청자 강제 퇴장(방장), 프로필 모달창
동하 @donggram2	유저관련 API, 팀원평가 API, 모집글 참여현황 API, 카페정보 API
승빈 @kkssbbb	지도관련API, 모집게시글관련API , 이미지 업로드 API, 백엔드 배포, https 설정

🗂 서버 erd 구조

🗂 서버 디렉토리 구조 및 의존성