1-blue / deprecated-blemarket

당근마켓 클론 코딩 ( by 노마드 코더 )

Home Page:blemarket.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🐲 blemarket

당근마켓 클론코딩 - 노마드 코드을 수강하면서 기본 코드를 작성하고 필요한 기능들을 추가한 프로젝트입니다.

🛠️ 사용 기술 🛠️

💁‍♂️ 사용 툴 🙋‍♂️

🙌 구현 기능

  1. 상품 게시글 CRUD
  2. 상품 게시글 검색 및 필터링
  3. 커뮤니티 게시글 CRUD
  4. 커뮤니티 게시글 거리 기반 검색
  5. 댓글 CRD
  6. 좋아요 CRUD
  7. 채팅방/채팅 CR
  8. 리뷰 CRD
  9. 상품 상태 CRUD ( 판매중/예약중/좋아요/판매완료 및 구매완료 )
  10. 상품 및 유저 이미지 처리 ( AWS-S3 )

🚀 가이드 라인

1. 설치

git clone https://github.com/1-blue/blemarket.git

cd blemarket

npm install

2. .env 작성

# planet scale에서 배포용 url을 받아서 붙여넣으면 됨
DATABASE_URL="mysql://127.0.0.1:3306/blemarket"

COOKIE_SECRET=<작성>

BLEMARKET_AWS_REGION=<작성>
BLEMARKET_AWS_ACCESS_KEY=<작성>
BLEMARKET_AWS_SECRET_KEY=<작성>

# 이 부분은 versel로 배포할 때는 안 넣어줘도 자동으로 현재 페이지의 url이 들어옴
NEXT_PUBLIC_VERCEL_URL=http://localhost:3000

3. 실행

# 개발 모드 실행
npm run dev

# 배포 모드 실행
nm -rf .next && npm run build && npm start

4. 배포

vercel을 이용한 배포

📸 실행 이미지/영상

🖼️ 이미지 🖼️

로그인 페이지 메인 페이지 커뮤니티 페이지 채팅 페이지 프로필 페이지

📽️ 실행 영상 📽️

  1. 상품 검색 및 필터링

2. 상품 좋아요 및 댓글 및 채팅방 생성

3. 채팅

4. 상품 상태 변경

About

당근마켓 클론 코딩 ( by 노마드 코더 )

blemarket.vercel.app


Languages

Language:TypeScript 99.3%Language:JavaScript 0.6%Language:CSS 0.2%