Skip to content

ormcamp-fe-3rd/perfect-pick

Repository files navigation

🐝 프로젝트 설명


  • perfect-pick은 대학교 신입생, 신입사원 등 다양한 상황에 딱 맞는 제품을 고를 수 있도록 세부 옵션까지 선택 가능한 정밀 검색 기능으로 완벽한 쇼핑 경험을 제공합니다.

  • 상품은 스마트폰, 태블릿, 노트북, 웨어러블 디바이스를 제공합니다.

🚩 실행 방법

빌드

npm run build

개발자 모드 실행

npm run dev

프로젝트 배포

firebase deploy

호스팅 사이트

https://perfect-pick-b3766.web.app/


테스트 계정 ( 마이페이지 주문 상세내역)

  • ID : idtest1234
  • Password : pwdtest1234!

🛠️ 기술 스택


💬 협업툴


🧑‍🤝‍🧑 팀구성

조원 담당 업무
김민섭

김민섭(팀장)

-검색 페이지 : 레이아웃 및 상품 표시
-검색 페이지 : 상품 필터링 기능
-통합 검색페이지 : 상품 필터링 기능
-마이페이지 : 계정정보, 주문내역 표시
-마이페이지 : 비밀번호 및 배송지 변경 기능
-회원가입 페이지 : 계정 생성 기능
-로그인 페이지 : 계정 유효성 검사 기능
박정혜

박정혜

-랜딩페이지: 레이아웃
-회원가입: 레이아웃
-로그인: 레이아웃
조지연

조지연

-상세페이지: 레이아웃 및 상품정보 불러오기
-상세페이지: 장바구니담기, 바로구매 결제 연결
-장바구니: 레이아웃 및 데이터 불러오기
-장바구니: 선택상품 삭제
-장바구니: 선택상품 결제 연결
-결제 페이지: 기본 배송지 적용 및 도로명주소 검색 기능
-결제 페이지: 결제 상품 정보 불러오기(바로구매, 장바구니)
-결제 페이지: 결제 조건 설정(배송지 주소, 개인정보 동의)
-마이페이지: 레이아웃 및 도로명주소 검색 구현(주소 수정)
-랜딩페이지: 카테고리별 상품 정보 불러오기