🕗 개발기간: 2024. 1 ~ 2024. 2

💻 배포 주소: https://mucation-project.vercel.app

이하빈: https://github.com/Liabinn

이락균: https://github.com/Newbie-Alert

김건우: https://github.com/doodookim

정혜원: https://github.com/hyewon0615

전지현: https://github.com/jihyun-j

.
├── public
└── src
    ├── App.tsx
    ├── api
    │   └── supabase
    ├── components
    │   ├── chat
    │   ├── community
    │   ├── imagePreviewer
    │   ├── layout
    │   ├── main
    │   ├── map
    │   ├── mypage
    │   ├── products
    │   ├── productDetail
    │   ├── search
    │   ├── searchResults
    │   ├── sideBar
    │   ├── skeleton
    │   └── slider
    ├── layouts
    │   ├── Footer
    │   ├── Header
    │   ├── Layout
    │   ├── NotificationFn
    │   ├── PrivateLayout
    │   └── ScrollTopButton
    ├── pages
    │   ├── chat
    │   ├── community
    │   ├── home
    │   ├── login
    │   ├── mypage
    │   ├── postersProducts
    │   ├── products
    │   ├── productDetail
    │   └── searchResults
    ├── redux
    │   ├── modules
    │   ├── reduxHooks
    │   └── store
    ├── router
    ├── service-worker.ts
    ├── serviceWorkerRegistration.ts
    ├── styles
    └── util

• 로그인 / 회원가입

  • Supabase Auth UI를 이용해 Kakao, Facebook, Google 소셜 로그인을 구현 함

• 홈(메인) 페이지

  • 최근에 게시된 중고 물품과 커뮤니티 글을 확인할 수 있음
  • 화면 좌측 사이드 메뉴 바를 이용하여 모든 서비스를 이용 할 수 있음

• 중고 상품 판매

  • react-hook-form을 사용해 중고 물품 거래에 필요한 내용을 작성할 수 있는 폼을 제공
  • 물품 거래에 필요한 내용들: 제품 이미지, 제품상태, 거래위치, 개수, 가격, 제품 태그 등이 포함되어 있음

• 중고 상품 판매 상세

  • 판매자가 게시한 물품의 상세 정보를 확인할 수 있음
  • 채팅 기능을 이용해 구매자는 판매자에게 채팅을 걸어 거래방식이나 가격을 조율할 수 있음

• 커뮤니티

  • 사용자들의 고민, 꿀팁 또는 미술을 주제로하여 커뮤니티에 게시글을 작성할 수 있음 (익명으로도 작성이 가능)
  • 작성된 게시글에 사용자들은 댓글과 대댓글을 남길 수 있고 관심있는 글에 '좋아요'를 클릭할 수 있음 (익명 댓글도 가능)

• 프로필

  • 사용자가 직접 판매한 상품, 구매한 상품, 찜한 상품, 커뮤니티 추천 글, 커뮤니티 게시글 들을 모아서 볼 수 있음
  • 사용자의 닉네임과 이미지를 수정할 수 있음

• 중고 상품 판매자와 구매자가 실시간 채팅을 이용해 의사소통하고 거래 함
• 새로운 채팅이 생성되었을 때 알림 기능 작동 (구매자가 판매자에게 메세지를 보냈을 때 판매자의 알림이 울림)

• 판매자가 판매하고자 하는 상품에 대한 가격, 상태, 거래 위치, 상품의 이미지를 업로드해 상품을 게시 함
• 구매자와 판매자가 거래가 성사 되었을 때 판매자는 '판매완료' 처리를 할 수 있음

• 해당 검색어가 포함된 중고 상품 글과 커뮤니티 글을 검색 할 수 있는 기능
• 검색 결과로 표시된 글을 '최신순', '인기순' 으로 필터링하여 볼 수 있음