/19_05th_shop

기프트샵

Primary LanguageTypeScript

😊 기프티콘 중고 거래

  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