🛒 Shoppy

📌 프로젝트 개요

• React 기반의 쇼핑몰 프로젝트로, 사용자와 관리자 기능을 분리하여 전체 쇼핑 흐름을 구현하였습니다.
• 상품 리스트 조회, 장바구니 담기, 관리자 상품 등록 등 실제 쇼핑몰과 유사한 경험을 제공합니다.
• 일반 사용자는 로그인 없이 제품 목록과 상세 정보를 열람할 수 있으며,
  로그인한 사용자는 장바구니에 상품을 추가할 수 있고 계정에 따라 장바구니 상태가 유지됩니다.
• 관리자 계정으로 로그인하면 ‘새 상품 추가’ 버튼이 활성화되며,
  상품 등록 페이지를 통해 새로운 제품을 추가할 수 있습니다.

🧑‍💻 기술 스택 및 설계

• Frontend: React, Tailwind CSS
• Routing: React Router (Protected Routes 포함)
• 상태 관리: Context API, Custom Hooks
• 데이터베이스/인증: Firebase Authentication, Firebase Realtime Database
• 미디어 업로드: Cloudinary API, Axios
• 설계 패턴: 관심사 분리 구조, 커스텀 훅 기반 상태 추상화
• 기타: .env 환경 변수 설정, Netlify

🚀 프로젝트 링크

• 🔗 Shoppy-2024ver 배포 사이트
• 💻 GitHub 레포지토리