😎 프로젝트 소개 및 개요

중고마켓 사이트 프로젝트

📌 노션 링크

• 노션 주소
  
  

🔗 배포 링크

• vercel
• netlify

💫 기한

2023.07.03 ~ 2023.08.28

📂 폴더 구조

폴더구조 자세히 보기

├─apis
│  └─auth.api.js
│  └─chat.api.js
│  └─chat.api.auery.js
│  └─core.js
│  └─product.api.js
│  └─product.query.api.js
│  └─queryConfig.js
│  └─user.query.api.js
├─components
│  └─Button
│  └─Input
│  └─MakeScrollToTop
│  └─Modal
│  └─Pagination
│  └─ProductList
│  └─RecentlyClicked
│  └─SearchAddress
│  └─Select
├─consts
│  └─queryKey.js
│  └─regex.js
│  └─registerschema.js
│  └─schema.js
├─context
│  └─auth.ctx.js
│  └─chatData.ctx.js
│  └─chatList.ctx.js
├─hooks
│  └─useInfiniteScroll.js
│  └─useMovieList.js
│  └─useMoviesQuery.js
├─layout
│  └─Footer.js
│  └─Header.js
│  └─index.js
├─pages
│  └─account-management
│  └─Chat
│  └─error-page
│  └─Intro
│  └─main
│  └─market-price
│  └─my-page
│  └─product-detail
│  └─search-page
│  └─sign
│  └─transaction
├─repositories
│  └─TokenRepository.js
├─routes
│  └─PrivateRoute.js
│  └─Routing.js
└─style
│  └─common.js
│  └─global.js
│  └─theme.js
└─utils
│  └─phoneNum
│  └─priceNum
│  └─getChatIdx.js
│  └─getDate.js
│  └─getUserData.js
│  └─marketPriceData.js

👨‍👩‍👦‍👦 팀원

고승용	김예슬	박희수
프론트 엔드	프론트 엔드	프론트 엔드

심재원	지성경	함정우
프론트 엔드	프론트 엔드	프론트 엔드

⚙️ 사용 기술 스택

스택	사용
	리액트
	api call, 백엔드 데이터 연결 및 관리
	목데이터 연결
	라우팅 연결
	유효성 검사
	유효성 검사
	채팅 구현
	시세 그래프 구현
	주소 로직 구현
	CSS-in-JS
	아이콘
	슬라이드 배너
	날짜 로직 구현

컨벤션 협업 툴

스택

☑️ 커밋 컨벤션

Type	Description
feat	Add a new feature
fix	Fix the bug
design	UI design changes such as CSS
style	code formatting
refactor	Refactoring the code
docs	Modify the document
chore	etc.

✔️ 주요 기능 구현 내용

- 로그인 / 회원가입

- 실시간 채팅 / 알림

- 물품 등록 / 수정

- 물품 검색

- 마이페이지 / 개인정보 수정

- 물품 시세