swon3210 / react-shopping-cart Goto Github PK

React & Redux 데스크탑 장바구니 애플리케이션

다수의 컴포넌트를 페이지로 구성하고 복잡해진 상태를 관리합니다.

✔️ 데스크탑 타겟의 웹 앱을 구현하며 구매로 이어지는 것에 끊김이 없고 재방문을 고려한 UI/UX에 대해 고민해봅니다.
✔️ 상태 관리를 위해 Flux Architecture 기반의 Redux를 활용합니다.
✔️ Router를 활용해 여러 페이지 전환을 고려합니다.
✔️ 배민상회 서비스 참고

• 작성 가능한 단위의 테스트를 직접 선정하여 진행 (테스트 도구 선택 자율)

권장 마감기한 - 5월 12일 (수)

• REQUIREMENTS.md에 요구 사항 도출
• 재사용 가능한 Component 작성

• 장바구니
• 주문/결제
• 상품 목록
• 주문 목록

권장 마감기한 - 5월 19일 (수)

• 제공 받은 API로 Endpoint와 Schema 변경

• 상품 상세
• 주문 상세

• 도출된 요구사항을 기반으로 User Flow Diagram 혹은 Flow Chart 작성
• UI/UX
  • 사용자를 위한 로딩 환경 개선
  • 페이징 혹은 인피니티 스크롤 적용 (별도의 API 없음)
    • 뒤로가기 및 페이지 전환시 기존 페이지 및 스크롤 위치 기억
  • 상품이 없을 때와 같은 다양한 Edge Case 대응
  • 반응형 레이아웃 구현
  • 별도의 모바일 레이아웃 추가 제공
  • 배민상회를 참고하여 추가 개선 사항 반영
• 매출 증대 및 마케팅을 위해 별도의 기능 구현 (별도의 API 없음)
  • 브라우저 새로고침시 모든 상태 유지
  • 흐름을 고려한 맞춤 큐레이팅 상품 추천 기능
  • 구매 유도를 위한 상품 찜 페이지
• 매출 증대 및 마케팅을 위한 별도의 도구 추가
  • Google Analytics
  • Google Tag Manager

• 쇼핑카트 figma 시안

만약 미션 수행 중에 개선사항이 보인다면, 언제든 자유롭게 PR을 보내주세요.

버그를 발견한다면, Issues에 등록해주세요.