Cherish 🐈‍⬛

☁️ 서비스 바로가기

cherishhh.shop

📍 테스트 계정 - 판매 회원

ID: test0@test.com
PW: test000!

📍 테스트 계정 - 일반 회원

ID: test1@gmail.com
PW: test111!

💻 프로젝트 소개

• 이것저것 잡다하게 섞여있는 중고 마켓은 피곤할 때 !
• 취향 저격 아이템만 알차게 모아둔 오픈 마켓 🖤

🗓 진행 기간

• ✨ 2024.01.24 ~ 2024.02.15 기능 구현
• ♻️ 2024.02.16 ~ 리팩토링 진행 중

📑 기획

• 와이어 프레임
• 유저 플로우

🖥 개발 환경

• 서비스 아키텍처

• 기술적 의사 결정

📦 프로젝트 폴더 구조

📁 Cherish-Project
├──📁 public
├──📁 cypress                       # E2E 테스트 코드 관리
├──📁 src
│   ├──📁 Assets                    # 프로젝트에 사용되는 파일 관리
│   │   ├──📁 style
│   │   └──📁 images
│   ├──📁 Interfaces                # 프로젝트 내 인터페이스 관리
│   ├──📁 Types                     # 프로젝트 내 타입 관리
│   ├──📁 Components                # 프로젝트 내 컴포넌트 관리
│   │   ├──📁 ui                    # shadcn/ui로 가져온 컴포넌트 저장
│   │   ├──📁 Common                # 여러 페이지에서 사용되는 컴포넌트 저장
│   │   ├──📁 Sign
│   │   ├──📁 Profile
│   │   ├──📁 Product
│   │   ├──📁 Cart
│   │   ├──📁 Order
│   │   ├──📁 Sale
│   ├──📁 Contexts                  # context 파일 관리
│   ├──📁 Hooks                     # hook 함수 파일 관리
│   ├──📁 Pages                     # 라우팅 page 컴포넌트 관리
│   ├──📁 Router                    # react-router 설정 관리
│   ├──📁 Utils                     # 재사용되는 유틸 함수 관리
│   ├──📁 Services                  # API 연동 / 비동기 작업 관련 함수 관리
│   │   ├──📁 firebase              # firebase 작업 관련 함수 관리
│   ├──📄 App.tsx
├──📄 .env
├──📄 README.md
└──🔨 Config

📈 기능 소개 및 시연

• 홈 & 상품 상세 보기 / 카테고리별 상품 목록 & 정렬

• 회원가입 / 로그인 & 로그아웃

• 개인 정보 수정 - 닉네임 수정 / 비밀번호 수정

• (일반 계정) 장바구니 추가 / 수량 수정 & 항목 삭제

• (일반 계정) 장바구니에서 주문 & 결제 / 상품 페이지에서 바로 주문 & 결제

• (일반 계정) 주문 내역 & 주문 상세 내역 & 주문 취소

• (판매 계정) 판매 등록 / 수정 & 삭제

• (판매 계정) 판매 내역 & 판매 상태 변경

• 구현 내용 자세히 보기

❗️ 트러블 슈팅

• 자세히 보기

♻️ 리팩토링

• 자세히 보기