QRCode Shopping

QR 코드를 스캔해서 원단을 장바구니에 담고 간편하게 주문하세요

homepage

Skills

Frontend

• Framework: Next.js (v14)
• Language: TypeScript
• UI Libraries:
  • React (v18)
  • MUI
  • Emotion
• State Management: Recoil
• Form Handling & Validation:
  • Formik
  • Yup
• Internationalization:
  • i18next
  • react-i18next
• QR Code & Camera:
  • jsQR
  • react-webcam
• File Handling:
  • jszip
  • xlsx
  • react-pdf
• Testing:
  • Jest
  • React Testing Library
  • Cypress

Linting

• ESLint
• Husky
• commitlint
• lint-staged

Infrastructure & Backend (Separate Privite Repository)

• Hosting: Vercel
• Server: Node.js
• Database: Firebase

Feature Preview

User Page

QR 코드		장바구니	회원 정보 폼

PDF 다운로드		다국어 지원

wechat 친구 추가 페이지

새로고침 시 데이터 동기화	언어 변경 시 데이터 동기화

Manager Page

유저 대시보드	유저 정보 모달

유저 정보 PDF 다운로드

유저 정보 복사 (엑셀용)

제품 대시보드	제품 정보 모달

제품 생성 모달	제품 수정 모달

엑셀 파일 추출 후 생성 모달

제품 QR 코드 다운로드

폴더 및 휴지통

Contributors

Name	GitHub	Email
김주영	nullyng	[email protected]
최윤석	Yoonlang	[email protected]

Copyright

Copyright (c) 2024 Yoonseok Choi. All rights reserved.