Nabi market(나비장터)

Nabi Market version 1.0

프로그래머스 4기 F6팀
개발기간 : 2023.10 ~ 2023.11

배포주소

프론트엔드 : https://nabi-market-client.vercel.app/
백엔드 : https://www.nabi-market.kro.kr/

FE 개발팀 소개

김동현	정재희	박주연

한 줄 소개

시장가치가 떨어진 물건을 비슷한 가치의 물건과 교환하는 과정을 쉽게 만들어주는 서비스

기획 배경

• 돈 받고 팔기는 애매하고 버리기는 아까운 제품이 있을 때, 비슷한 가치의 물건과 교환 할 수 있는 서비스 미존재
• 물물교환 만을 위한 플랫폼의 부재
• 돈을 쓰지 않고 원하는 물건을 얻고자 하는 사람들의 기대를 충족
• 물물교환에서 비슷한 가치의 물건을 손 쉽게 보고자 하는 요구에 특화된 기능을 제공하는 서비스에 대한 요구

타겟층

• 집안에 사용하지 않는 물건을 현재 자신이 필요한 물건과 교환하기를 원하는 사람
• 시장가치가 떨어진 물건들을 다른 실용적인 물건과 교환하고자 하는 사람
• 현재 자신이 가지고 있는 물건과 비슷한 가치를 지닌 물건을 교환하고자 하는 사람

기존 중고거래 서비스와의 차별점

• 판매가 잘 되지않는 중고물품에 대한 교환 거래 가능.
• 판매가 아닌 물물 교환 전용 플랫폼
• 업로드 하는 유저가 물건의 가격대를 선택하고 가치가 비슷한 물건들끼리의 오퍼가 가능하다.
• 비슷한 물건끼리의 오퍼 외에도 나머지 가격대에 찔러보기가 가능하다.

5. 주요 기능

• 물물교환을 할 아이템을 등록 할 수 있다.
• 내가 등록한 아이템과 비슷한 가격대의 물건을 검색 할 수 있다.
• 교환하고자 하는 물건에 제안을 할 수 있다.
• 받은 제안, 제안 수락/거절에 대한 알림을 확인 할 수 있다.
• 제안을 수락한 물건의 사용자와 채팅을 할 수 있다.

시작 가이드

설치

git clone https://github.com/team-nabi/nabi-market-client.git

실행

cd nabi-market-client
npm install
npm run dev

스택

Environment

Config

Development

Communication

화면 구성

홈 페이지	물건 검색 페이지	물건 상세 페이지

로그인 모달	물건 등록,수정 페이지	마이 페이지

내 물건 페이지	찜 목록 페이지	거래 내역 페이지

채팅방 목록 페이지	알림 목록 페이지	채팅 페이지

디렉토리 구조

public
├── font
└── images
src
├── app
├── components
├── config
├── constants
├── contexts
├── hooks
├── lib
├── services
├── styles
├── types
└── utils