수박마켓

1. 프로젝트 소개

---

• 당근 마켓을 기반한 동네 위치 기반 간의 중고거래 서비스
• 기간: 23.08 ~ 23.10 (6주)
• 기술 스택: React, Typescript, React-Router, Axios, styled-components, react-query, vite

2. 데모

-.Chrome.2023-09-22.23-51-53.mp4

269980417-df9d2303-7cce-4202-bdb9-0f812411a186.mp4

3. 팀원

FE		BE-A팀		BE-B팀
아티	litae	light	charlie	Albert	이안

• FE 2명
• BE 4명 (2명씩 2팀)
  • A팀 repo https://github.com/masters2023-project-06-second-hand/be-a
  • B팀 repo https://github.com/masters2023-project-06-second-hand/second-hand-be-b

4. 구현 기능 & 진행 과정

1주차 코드 리뷰 PR

https://github.com/codesquad-members-2023/second-hand-max/pull/7

• 백엔드와 API 회의, 컴포넌트 설계, 개발 환경 세팅
• 컴포넌트 구현 (Icon, TextButton, Header, ActionBar, ProductBanner)
• 컴포넌트별 스토리북 스토리 작성

2주차 코드 리뷰 PR

https://github.com/codesquad-members-2023/second-hand-max/pull/37

• 남은 공동 컴포넌트 작업, 상품 추가 페이지

3주차 코드 리뷰 PR

https://github.com/codesquad-members-2023/second-hand-max/pull/54

• 전체 페이지 UI 구현, axios 설정

4주차 코드 리뷰 PR

https://github.com/codesquad-members-2023/second-hand-max/pull/78

• 로그인, 로그아웃, 동네 설정 기능, 상품 상세 페이지

5주차 코드 리뷰 PR

https://github.com/codesquad-members-2023/second-hand-max/pull/84

• 상품 상세페이지 수정, 내 동네 추가/삭제, 메인 상품 목록 렌더링, 상품 리스트 상태 변경

6주차 코드 리뷰 PR

https://github.com/codesquad-members-2023/second-hand-max/pull/111

• 실시간 채팅 기능, 로그인 유지

페이지 및 컴포넌트 설계

피그마 링크 바로가기

API 명세

API 명세 바로가기

회고