HW SHOPPY

in 토이 프로젝트 🍀

React 와 tailwind 를 사용하여 쇼핑몰 앱 만들기

React와 tailwindcss 를 활용하여 쇼핑몰 앱을 만들기로 하였다. 기간은 총 2주로 잡고 해당 프로젝트를 진행하고자 한다.

진행일정: 2023.04.07 ~ 2023.04.21 (총 2주)

HW Shoppy 프로젝트 계획

프로젝트 기능들

  • *구글로그인(소셜로그인)*으로 로그인/로그아웃
  • [메인화면] - 아이템 목록 리스트 보여주기
  • [아이템 상세화면] - *장바구니 및 관심상품 담기,바로 구매 기능*
  • [마이페이지] - 관심, 장바구니 담은 상품 조회 및 삭제
  • [마이페이지] - 결제 상품 결제 기능

프로젝트 구현

  • firebase 로 데이터베이스 구현
  • react-query -> tanstack query
  • react router
  • tailwindcss로 UI 제작

추후에 점진적으로 jsx로 구현한 코드를 tsx로 변환해나갈 예정이다.

Using Hydejack