Project : Bon Voyage

📌프로젝트 정보

SSAFY 10기 공통 프로젝트 - 실시간 경매 커뮤니티 플랫폼

개발 기간 : 2024.01.03 ~ 2024.02.16

• 주요 기능
  • 회원 관리
  • 화상 미팅룸
  • 그룹 채팅
• 주요 기술
  • WebRTC
  • WebSocket
  • JWT Authentication
  • REST API
• 참조 리소스
  • Vuetify: 디자인 전반 적용
  • Vue Argon Design System: 디자인 전반 적용
  • Vue Black Dashboard Pro(유료): 캘린더 컴포넌트 사용
  • AR Core: 구글에서 제공하는 AR 지원 라이브러리. 이미지 인식 및 오버레이 영상에 활용
  • Color Thief: 이미지 색상 추출 라이브러리. 커버 사진 색상 추출 및 배경 변경에 활용
  • Animation.css: CSS 애니메이션 지원 라이브러리. 메인 페이지 진입 애니메이션에 활용

홈 페이지 바로가기

Test용 ID/PW : dfddf0 / 123456

Roles

Team Leader : 이동훈

FE : 김성욱, 박수민, 이윤정

BE : 이동훈, 김아린, 유현종

Infra : 유현종, 김아린

WebRTC : 김아린(FE), 유현종(BE)

Used Stacks

FE : React, Next.js, Three.js

BE : Java, Spring boot, MySQL

Infra : Jenkins, Docker, AWS, NGINX

Project Manage : JIRA, GitLab

Addtional Stack : WebRTC

View and Functions

1. 메인 화면

• 3js를 이용한 메인화면 구성
• 

2. 회원 가입 화면

• 작가와 개인회원으로 나누어서 가입할 수 있는 기능 (가입자 선택화면)
• 아이디 중복검사와 연락처 인증을 통해서 확인
• 
• 

3. MY PAGE 기능

• 해당 멤버의 MYPAGE 화면
• 경매와 판매 제품에 대하여 거래할 수 있는 기능
• 개인정보 수정 및 구매내역, FAQ, 나의 경매일정을 모두 확인 가능
• 

3. LOGIN

• 로그인 기능과 로그아웃 기능 구현
• 로그인한 회원 가입 수정 탈퇴
• 로그인에 따른 기능 차이
• 
• 
• 
• 

4. 판매물품 기능

• 일반 판매는 경매와 다르게 작가들이 경매없이 지정된 가격에 판매할 수 있도록 만듬
• 판매등록은 작가만 등록할 수 있으며 해당 제품에 대하여 리뷰를 작성할 수 있음.
• 
• 
• 
• 

5. review 페이지

• 구매한 제품들에 한해서 review를 작성할 수 있으며, 삭제 수정 기능들 작성가능
• 작성된 댓글 밑에 댓글을 달 수 있음
• 
• 

6. 경매기능

• WEB RTC를 통해서 화상 소통을 가능할 수 있게 만들어줌
• 경매는 작가가 경매를 진행할 수 있으며 왼쪽하단의 경매입찰을 통해서 정해진 양만큼의 입찰을 할 수 있음
• 오른쪽에는 채팅을 통해서 해당 작가와의 직접적인 소통을 할 수 있음.
• 
• 

7. 작가 리스트 화면

• 등록된 작가들을 볼 수 있음
• 인기순과 최신순으로 정렬되어 볼 수 있음
• 

8. 미니홈피 기능

• 작가마다 미니홈피를 운영할 수 있음
• 작가 이력을 기록할 수 있음
• 작가의 작품을 등록해서 볼 수 있음
• 개인의 포트폴리오를 올릴 수 있음
• 소통에 갖가에 대한 응원을 할 수 있음
• 해당 작가의 경매 일정을 확인할 수 있음
• 해당 작가의 작품에 대한 리뷰를 볼 수 있음
•