React와 graphql로 만든 쇼핑몰 서비스입니다. 프로젝트 세팅은 Vite + React + Typescript로 진행, React-Query와 Recoil을 이용하여 상태관리를 하였고, emotion을 이용한 Global UI 관리, 절대경로 설정을 진행하였습니다. mock API를 생성하여 백엔드와 통신하는 것과 같이 데이터를 관리합니다.
상품 목록에는 별점과 장바구니에 바로 담을 수 있는 버튼이 존재합니다. 상품 상세에서도 장바구니에 물품을 담을 수 있습니다.
장바구니에 담은 물건은 수량을 변경할 수 있으며 결제를 진행하고자 하는 물품을 선택하여 결제를 진행합니다. 결제를 진행하지 않은 물품은 장바구니에 남아 있습니다.