rachel490 / gifticon_next13

🎁 기프티콘 서비스 니콘내콘 클론 앱 🎁

Current Favorites

gifticon_next13's Issues

Refactor - page 단위에서 useParams, useSearchParams 제거

Tasks

• page 단위에서 useSearchParams 제거
• page 단위에서 useParams 제거

Note

• useSearchParams & useParams 없이도 page 단위에서는 이들에 접근가능

SEO 최적화

Tasks

• SEO 최적화

프로젝트 기본 세팅

• 필요한 라이브러리 설치 및 설정
  • storybook
  • tanstack query
  • styled components
  • redux toolkit
• theme 설정
  • 색상 추가
  • font-size 추가
  • font 추가
  • font-weight 추가
  • icons 추가
• 모바일 레이아웃 설정
• 페이지 라우팅

상품 상세 페이지 에러

Tasks

• 상품 상세 페이지 에러 해결
• 상품 상세 메뉴 탭 이름 수정

Styled Component -> SCSS 로 Migration 진행

Tasks

• Styled Component -> SCSS로 변경

Note

• next.js13의 rsc를 더 많이 활용하기 위해 css-in-js가 적합하지 않다고 생각

Tab 구현

Tasks

• Scrollable Tab 구현
• Fixed Tab 구현

Grid Story 추가

Tasks

• Grid 컴포넌트 스토리 추가

Navbar 구현

Navbar 구현

• 필요한 아이콘 저장
• 페이지별 navbar 구현 (재사용)
  • 홈 : 햄버거 / title
  • 브랜드, 메뉴: 뒤로가기 / 카테고리 or 브랜드
  • 상세: 뒤로가기
  • 마이페이지 : title
  • faq : title / 닫기버튼
• 아이콘별 기능 구현
  • 뒤로가기 구현
  • x 클릭시 홈으로 리다이렉트
  • 햄버거 버튼 클릭시 사이드바 보여주기

Readme 작성

Tasks

• Readme 작성

Grid 구현

Task

• Grid 컴포넌트 구현
• Grid Item 컴포넌트 구현
  • 브랜드 포함
  • 카테고리 포함

Card Story 추가

Tasks

• Card 컴포넌트 스토리 추가

Card 구현

Tasks

• 카드 컴포넌트 재사용성있게 구현
  • 땡처리 리스트 카드
  • 메뉴 리스트 카드
  • 메뉴 상세 카드
• 최대한 반응형 고려

Storybook 배포

Tasks

• Deploy Storybook

Navbar Story 추가

Tasks

• Navbar 컴포넌트 스토리 추가

Item Details Page 구현

Tasks

• Tab bar
  • sticky
• 상품 설명 섹션
• 유의사항 섹션

Tab Story 추가

Tasks

• Tab 컴포넌트 스토리 추가

API 연결

Tasks

• axios instance 셋업
• fetcher 함수 작성
• react query hook 작성
• API 연결
  • 홈 페이지
  • 브랜드 페이지
  • 메뉴목록 페이지
  • 메뉴상세 페이지

DropUp Box Story 추가

Tasks

• DropUp Box 컴포넌트 스토리 추가

DropUp Box 구현

Tasks

• Button 구현
• Option 구현
• DropUp Box 구현