프로젝트 기간 : 2024.10.10 ~ 2024.11.06
- 비타는 온라인 게임을 함께 즐길 사람을 찾는 사용자들을 위한 게임 메이트 매칭 서비스입니다.
- 협동 또는 경쟁 플레이를 하는 게임에서 함께 플레이할 팀원을 찾는 사람들을 위해
- 자신의 실력을 향상시키기 위해 더 숙련된 파트너나 팀과 플레이하고 싶은 사람들을 위해
- 함께할 때 더욱 빛나는 사람들을 위해
| 메인 화면 1 | 메인 화면 2 |
|---|---|
 |
 |
| 메인 화면 3 | 메인 화면 4 |
|---|---|
 |
 |
| 소셜 로그인 | 결제 |
|---|---|
 |
 |
| 상세페이지 1 | 상세페이지 2 |
|---|---|
 |
 |
| 카테고리 1 | 카테고리 2 |
|---|---|
 |
 |
| 메이트 등록 | 의뢰 |
|---|---|
 |
 |
프로젝트 문서
| 📒 사용자 요구사항 정의서 | 📕 ERD | 📗 테이블 명세서 | 📘 API 명세서 | 📙 발표자료 |
| Role | Name | GitHub Profile |
|---|---|---|
| Leader | 황태영 (BE) |  |
| Member | 김다연 (BE) |  |
| Member | 장윤정 (BE) |  |
| Member | 문유진 (BE) |  |
| Sprint | 기간 | 내용 |
|---|---|---|
| 1 | 2024/10/10 - 2024/10/16 | 요구사항 1단계 및 인증 구현 |
| 2 | 2024/10/17 - 2024/10/23 | 요구사항 2단계 구현 |
| 3 | 2024/10/24 - 2024/10/30 | 요구사항 3단계 구현 |
| 4 | 2024/10/31 - 2024/11/05 | 배포 및 배포환경 디버깅 발표준비 |
| 4 | 2024/11/06 | 최종 발표, 데모 |
| 구분 | 사용 기술 |
|---|---|
| 언어 | Python |
| 프레임워크 | Django |
| DB | Redis, PostgreSQL |
- 헤더: 로그인 전과 후의 상태에 따라 코인, 메시지, 유저 프로필 아이콘이 다르게 표시되며, 아이콘을 클릭하여 각각의 페이지로 이동 가능합니다.
- 메인 배너: Swiper 기능을 사용해 캐러셀 형태로 배너 이미지를 이동할 수 있으며, 특정 배너를 클릭하여 상세 페이지로 이동할 수 있습니다.
- 검색: 닉네임과 ID를 기반으로 검색이 가능하며, 자동 완성 기능을 통해 추천 리스트를 제공합니다.
- 추천 카테고리: 인기 게임이 순서대로 나열되며, 카테고리를 클릭하여 해당 게임의 카테고리 페이지로 이동할 수 있습니다.
- 오늘의 게임 메이트: 랜덤으로 게임 메이트가 표시되며, 선택 시 해당 유저의 프로필로 이동합니다.
- 실시간 생생 후기: 스크롤 기능을 통해 실시간 후기를 보여주며, 클릭 시 유저 프로필로 이동합니다.
- 스켈레톤 UI: 웹 로딩이 느려질 경우 스켈레톤 UI를 표시하여 로딩 상태를 시각적으로 제공합니다.
- 반응형 UI: 다양한 화면 크기(1280, 1024, 768, 640px)에 맞춰 반응형으로 구현되었습니다.
- 채팅방 목록: 최근 메시지와 시간 정보가 표시되며, 실시간으로 업데이트된 채팅 목록을 불러옵니다.
- 채팅방: 게임 정보와 함께 메시지 송수신 기능이 제공되며, 상대방의 메시지 수신 확인 여부를 표시합니다.
- 주문 확인: 주문한 게임 정보와 설정한 가격이 표시됩니다.
- 의뢰 요청하기: 의뢰 요청을 통해 게임 메이트에게 의뢰 메시지를 전송할 수 있습니다.
- 로그인 기능: 상단의 닫기 버튼으로 로그인 모달을 닫을 수 있으며, 카카오 계정을 통한 간편 로그인을 제공합니다.
- 타이틀 컴포넌트화: URL 파라미터에 따라 해당 게임의 타이틀과 소개를 렌더링합니다.
- 필터 조건 숨기기 및 초기화: 필터 기능을 통해 조건을 숨기거나 초기화할 수 있습니다.
- 게임메이트 카드: 게임 카테고리별 데이터가 표시되며, 특정 유저의 프로필로 이동할 수 있습니다.
- 무한 스크롤: 무한 스크롤로 추가 데이터를 로드합니다.
- 실시간 온라인 상태 확인: 로그인 시 해당 유저의 온라인 상태를 확인할 수 있습니다.
- 프로필 이미지 업로드: 유저는 프로필 사진을 선택해 업로드할 수 있습니다.
- 닉네임 및 소개글 편집: 최소 2자에서 최대 10자까지 닉네임을 설정할 수 있으며, 소개글은 최대 200자까지 작성 가능합니다.
- 성별 및 생일 선택: 성별과 생일 정보를 입력할 수 있습니다.
- 의뢰 작성 및 취소: 의뢰를 작성하거나 취소할 수 있으며, 취소 시 코인이 환불됩니다.
- 리뷰 작성 기능: 게임 메이트와의 활동 후 리뷰를 작성할 수 있는 기능을 제공합니다.
- 조건부 UI 및 반응형 UI: 등록 조건에 따라 메이트 등록이 가능하며, 다양한 화면 크기에 대응하는 반응형 UI로 구현되었습니다.
- 로그아웃 기능: 마이페이지에서 로그아웃이 가능합니다.
- 이벤트 배너: 이벤트 배너를 클릭하여 이벤트 페이지로 이동할 수 있습니다.
- 결제 방법 선택 및 결제하기: 다양한 결제 방법을 선택할 수 있으며, 버튼을 통해 테스트 결제를 진행합니다.
- 결제 성공 페이지: 결제 완료 후 홈 페이지로 이동하며, 코인이 추가됩니다.