- 고급 재료와 다양한 스타일 및 디자인으로 커스텀 할 수 있는 스니커즈 이커머스 (케이스티파이 참고)
-
PLP (Product List Page)
- 필터 기능
- 성능 최적화
- 리스트 로딩 최적화 (Lazy Loading)
-
SDP (Single Detail Page)
- 옵션 선택
- 장바구니 담기
- 단일 상품 결제 페이지로 이동
-
장바구니 (Cart Page)
- 장바구니에 담았던 상품 선택 기능
- 선택한 상품 삭제 기능
- 선택한 상품에 따라 보여지는 총 결제금액
-
주문서 (Checkout Page)
- Form Validation
- 비회원 배송지 정보 입력, 회원 마이페이지에서 가져온 배송지 호출
- 결제 금액 확인
-
결제 (Payment Page)
- 결제수단 선택
- 결제 플로우
- 적립포인트, 상품권, 할인 포함한 결제 시스템
- 로그인/로그아웃, 비회원, 회원가입, 마이페이지, 홈페이지 UXUI
- React
- Typescript
- Node.js 버전
- pnpm
- vite
- Repository 클론
- git clone https://github.com/f-lab-edu/Morrow-lore.git
- cd Morrow-lore
- 의존성 설치
- pnpm install
- 환경 변수 설정
- .env.example 파일을 참고하여 필요한 환경 변수를 .env 파일에 설정
- 애플리케이션 실행
- vite
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent