😊 기프티콘 중고 거래

1. 💁 프로젝트 소개
2. 👋🏻 팀원 소개
3. 🔗 배포 링크
4. 👩‍💻구현 기능
5. 💿 설치 및 실행 방법
6. 🛠️ 기술 스택

1. 💁 프로젝트 소개

• 주제 : 기프티콘 중고 거래
• 기간 : 22.02.14 ~ 22.02.16

2. 👋🏻 팀원 소개

김영종	정다빈	최수임	이송현
팀장	팀원	팀원	팀원

3. 🔗 배포 링크

프로젝트 링크 바로가기

4. 👩‍💻 기능 목록 명세

• 홈
  • 배너 캐러셀 구현
  • 홈화면에서 카테고리 아이콘 클릭시 카테고리별 브랜드 페이지로 이동
  • 땡처리콘 클릭시 구매 페이지 이동
• 브랜드 페이지
  • 브랜드 아이콘을 누르면 각 해당 브랜드의 아이템이 뜸
  • 아이템 크릭시 구매 페이지로 이동
• 구매페이지
  • 해당 상품의 옵션을 선택할수있음
  • 옵션 선택시 배경이 어두워짐
  • 옵션 취소 후 다시 선택가능
• 마이페이지
  • 홈에서 햄버거 버튼 클릭시 마이페이지로 이동
  • 고객센터

✔ 홈 페이지 : 최수임

• 메인 페이지
• 배너 캐로셀
• 공통 레이아웃

✔ 브랜드 + 상품 리스트 : 이송현

• 브랜드 버튼을 누르면 각 해당 브랜드 목록의 로고가 표시 기능 구현
• 브랜드 로고 버튼을 누르면 해당 브랜드의 상품 리스트 표시 기능 구현
• 상품 리스트에서 상품을 누르면 구매페이지로 이동 기능 구현

✔ 상품 상세(구매) 페이지 : 김영종

• 상품 정보 노출
• 옵션 선택 및 구매
• E2E 테스트
• API 구조 설계
• 프로젝트 배포

✔ 마이 페이지 : 정다빈

• 홈에서 햄버거 버튼 클릭시 마이페이지 기능 구현
• 고객센터 구매, 판매 페이지 기능 구현

5. 💿 설치 및 실행 방법

Project Clone

$ git clone https://github.com/wantedPreOnboarding/19_05th_shop/tree/develop

Project Setup

$ yarn install

Project Start For Development

$ yarn dev

6. 🛠️ 기술 스택

• Next.js
• typeScript
• axios
• git flow