- 개발 기간: 2024.05.18 ~ 2024.06.27
- 배포 주소: https://pawing-market.vercel.app/
- 노션 주소: https://url.kr/idipxY
🐾 기획 배경
- 반려동물 산업은 매년 커지고 있고, 반려동물 양육비도 매년 증가하고 있습니다.
- 공동구매는 구매자와 판매자 모두에게 이윤이 있는 수익구조를 만듭니다.
🐾 '포잉마켓'의 핵심 기능과 차별성
- 구매자는 반려동물(반려견&반려묘) 용품을 공동구매를 이용해 더 저렴하게 구매할 수 있습니다.
- 구매자는 반려동물 정보를 입력해 맞춤 상품을 추천받을 수 있습니다.
- 구매자는 상품 리뷰 등을 확인해 적절한 상품을 구매할 수 있습니다.
- 판매자는 구매자의 공동구매 시 링크 공유를 유도하면서 더 많은 이들에게 상품을 홍보할 수 있습니다.
- [FE] 기송은: 상품 상세 / 구매 / 찜 / 배송지
- [FE] 김민영: 공동구매(웹소켓) / 리뷰 / 별점
- [FE] 백지원: 결제(토스 페이먼츠) / 장바구니
- [FE] 이서인: 인증&인가(카카오, 구글 OAuth) / 마이
- [FE] 정봉찬: 레이아웃 / 상품 목록 / CI·CD 구축 / 배포
- [DESIGN] 백주연: 기획 / UI·UX 디자인
- [BE] 박정훈: OAuth2 인증 / 장바구니·주문 목록 / 구매 내역
- [BE] 오승준: 공동구매(웹소켓) / 상품 목록 / 결제
회원가입
react-hook-form, yup을 사용해 회원가입 폼을 구현했습니다. |
마이 페이지
구글, 카카오 OAuth 로그인을 할 수 있습니다. |
랜딩 페이지
맞춤·인기 상품 추천, 검색 기능을 이용할 수 있습니다. |
제품 상세
바텀시트로 옵션을 선택해 상품을 구매할 수 있습니다. |
장바구니
상품을 담거나 삭제하고, 결제 예정 금액을 확인할 수 있습니다. |
찜
리액트 쿼리 낙관적 업데이트를 사용해 상품을 찜할 수 있습니다. |
공동구매(웹소켓)
웹소켓을 사용해 공동구매를 실시간 확인하고 참여할 수 있습니다. |
결제
토스페이먼츠 API를 사용해서 결제를 할 수 있습니다. |