당신의 마음을 선물하세요, Jogong

배너 이미지 위치

조공 바로가기

PROJECT MEMBERS

윤명국👨‍💻
원종환👩‍💻
김민성👨‍💻
현선혜👩‍💻
권성민👨‍💻
김병찬👩‍💻

Project

🗂 프로젝트 설명

“ 선물하기 플랫폼, Jogong ! ”

부모님, 친구, 연인에게 소중한 사람에게 선물할 수 있는 플랫폼입니다 :)

📆 Project Timeline

• 기간 : 2022.09.18 ~ 2022.10.16
• 개발 언어 : Java, Javascript
• 개발 라이브러리 : JSP
• 개발 프레임워크 : Spring Framework
• 배포 환경 : -
• 협업 툴 : Git / Notion / Figma

✨ 페이지 별 기능

• 메인
  

  • 메인 하단
    • 테마별 상품목록 : 테마별로 상품을 조회할 수 있습니다. 아이콘을 누르면 해당 화면으로 전환되며, 더보기 버튼으로 테마별 전체 상품을 메인 화면에서 조회 가능합니다.
    • 가격별 상품목록 : 가격대별 인기상품 4가지를 볼 수 있는 화면입니다.

• 회원가입 & 로그인
  조공 서비스를 이용하기 위해 회원가입 및 로그인을 진행할 수 있습니다. 판매 회원과 일반 회원으로 구분되며, 일반 회원은 카카오 / 네이버 소셜 로그인 기능이 제공됩니다. 그리고 일반 회원가입 회원의 경우 아이디 찾기 및 비밀번호 찾기(변경)이 됩니다.

• 선물함
  선물함에서 친구에게 보낸 선물과 친구에게 받은 선물들을 확인해볼 수 있습니다. 특히 받은 선물함에서는 친구가 선물과 함께 보낸 메세지 카드와 배너를 같이 볼 수 있으며, 선물을 받을 주소 또한 변경할 수 있습니다.

• 브랜드별
  브랜드별로 상품들을 찾아볼 수 있는 페이지입니다. 테마별로 해당하는 테마의 브랜드를 확인할 수 있고, 직접 검색하여 원하는 브랜드를 찾아볼 수 있습니다. 원하는 브랜드를 선택하여 클릭하면, 해당하는 브랜드의 상품들을 인기순, 최신순, 가격순 등으로 필터링하여 상품들을 볼 수 있습니다.

• 카테고리별
  카테고리별로 상품들을 찾아볼 수 있는 페이지입니다. 상품들을 인기순, 최신순, 가격순 등으로 필터링하여 상품들을 볼 수 있습니다.

• 결제페이지
  원하는 상품들과 수량을 선택하면, 선물과 함께 보낼 메세지카드와 배너를 선택하여 선물과 함께 보낼 수 있습니다. 최종적으로 결제할 금액과 결제 방법을 확인하고 결제를 누르게 되면, 결제 방법에 따른 일련의 결제 과정을 수행하도록 합니다.

• 실시간후기
  제품을 구매한 유저들의 생생하고 솔직한 후기를 작성하고 공유할 수 있습니다.

• 이벤트
  호스트가 공간에 대한 정보를 등록하고, 관련 정보를 수정·삭제할 수 있는 공간입니다.

• 통합 검색
  원하는 공간 키워드를 검색하여, 해당 공간들을 찾아볼 수 있습니다. 최신순&인기순&가격순으로 나눠서 볼 수 있어요!

• 고객센터
  고객센터에서는 사이트 이용과 관련하여 FAQ와 공지사항을 확인하실 수 있습니다.

• 1:1 문의하기
  사이트 이용과 관련하여 궁금한 사항을 1:1 로 문의할 수 있으며, 마이페이지에서 문의 내역을 확인할 수 있습니다.

• 프로필 수정
  프로필 수정에서는 비밀번호 변경 및 회원정보 수정 및 삭제 기능이 가능합니다.

• 문의내역
  본인이 작성한 1:1문의하기 내용들을 확인할 수 있습니다.

• 상세페이지
  이용자들이 상품 상세 내역을 확인할 수 있으며, 상품의 수량과, 옵션 선택을 할 수 있는 페이지 입니다. 상품에 대한 리뷰도 확인 가능합니다.

  • 상세페이지 상단
    선물상자담기(장바구니 버튼)/ 위시리스트 버튼(하트)/ 나에게 선물하기 버튼 (바로 결제창 이동)/ 선물하기 버튼 (선물할 친구 선택 후 결제창 이동)
  • 상세페이지 하단
    상품 상세/ 선물후기

• 실시간 후기 페이지
  이용자들이 작성한 모든 후기를 확인해 볼 수 있습니다. 실시간 후기순으로 정렬되어 있습니다.
  후기는 카드 형식으로, 이용자는 마우스오버 하여 후기 내용을 확인할 수 있습니다.

  • 후기 앞면
    별점/ 후기제목/ 유저 이름/ 후기 사진 ( 이용자가 리뷰 사진을 넣지 않을 경우 썸네일 이미지 출력)
  • 후기 뒷면
    후기 제목/ 후기 내용/ 상품명 (상세페이지 이동 가능)/ 후기 작성 날짜

🏷 API Table 🏷

🛠 Tech Stack & Platform

Tech

Tools

아키텍처✨

ERD

사이트 데모🎥

메인

메인상단

메인하단

테마별 상품목록	가격별 상품목록

회원가입 & 로그인

일반회원 가입	일반회원 로그인
판매회원 가입	판매회원 로그인
카카오 로그인	네이버 로그인
아이디 찾기	비밀번호 찾기

결제페이지

결제 메세지 및 방법	결제완료 및 선물함 확인

브랜드 페이지

브랜드별 페이지

카테고리

카테고리별 페이지

통합 검색

통합 검색

고객센터

FAQ 메뉴	FAQ 검색
1:1 문의하기	공지사항

마이페이지

선물함	프로필 수정(일반)
프로필 수정(소셜)	문의내역

상세페이지

상세페이지(옵션x)	상세페이지(옵션o)

실시간후기페이지

실시간 후기

시연 영상🎥

링크(https://www.youtube.com/watch?v=sggx2IHUGws)

🏷 프로젝트 노션 🏷