프로젝트 소개 : SwapShop

📖 기술 스택

✈️ 실행방법

1. npm i nuxt

2. npm run dev

📆 프로젝트 기간

23/07/04 ~ 23/09/03

💻 Back :

https://github.com/SangWoon123/swapshop-backend

🎨 Figma :

https://www.figma.com/file/2TifyX6NtV6FFHvBFszvAy/Swap-Shop?type=design&node-id=0%3A1&mode=design&t=XnyTI9LiQyZZPlAV-1

📝 어플리케이션 기능

• 로그인 (카카오, 구글)
• 게시글 작성
• 댓글
• 찜하기
• 쪽지 보내기
• 카테고리
• 검색 및 정렬

---

📝 기능 개발 현황

• 23/06/25 ~ 07/05 :

  • 페이지 디자인 (피그마 활용)

• 23/07/05 ~ 07/12 :

  • 컴포넌트 구성
  • 일부 css 구현
  • 로그인 구현 --> 백 연결 0

• 23/07/13 ~ 07/19 :

  • 라우터, 페이지 구성
  • 게시글 작성 구현 --> 백 연결 0
  • 카테고리 선택 구현

• 23/07/20 ~ 07/26:

  • 게시물 사진업로드 구현 --> 백 연결 O
  • 게시글 생성 및 삭제 구현

• 23/07/27 ~ 08/03:

  • 게시글 댓글 구현 --> 백 연결 X

• 23/08/04 ~ 08/16:

  • 쪽지함 페이지 구현 --> 백 연결 O
  • 쪽지 보내는 페이지 구현

• 23/08/16 ~ 08/26:

  • 게시글 대댓글 구현 --> 백 연결 O
  • 찜 기능 구현 --> 백 연결 O

• 23/08/27 ~ 09/03:

  • 검색 기능 및 정렬 구현 --> 백 연결 O
  • 전체 페이지 수정

---

데모 영상

default.mov