gonn-i/its_yours

엘리스 트랙 sw 8기 2차 프로젝트 📚

한 학기만 쓰고 버리는 전공책이 이제는 아깝지 않도록

_대학 전공서적 중고거래 플랫폼: 이제너해📘 _

---

개발기간: 2024.04.01 ~ 2024.04.19

이제너해 기능

• 주 기능:
  • 알라딘 API를 이용한 도서 검색 서비스로, 간편한 도서 판매글 등록 ✍🏻
  • 우리 학교뿐만 아니라, 가까운 지역구로 맵핑된 필터를 통한 거래 조회 🔎
  • 원활한 거래를 위한 채팅 서비스 💬
  • 판매자와 거래자 간의 위치를 지도 맵핑 🗺️
• 보조 기능:
  • 모바일 유저를 위한 반응형 📱
  • 1대 1 문의를 통한, 문의 및 수상한 거래 신고 🚨
  • 커뮤니티와 댓글을 통한 자유로운 소통 🗣️
  • 같은 학교의 다른 도서 거래 추천 👥
  • 마음에 드는 도서 찜하기 기능! 💌
  • 구매, 판매 거래 내역 조회 :)
  • FAQ 페이지를 통해 자주 묻는 질문 해결 🙋🏻‍♀️
  • 임시저장을 통해, 거래 등록 저장 가능 📨
  • 유저 칭찬하기와 비판하기 가능 👍👎

---

배포 주소

ITS_YOURS

---

발표자료

발표 PPT 자료🔖

시현 영상 full version

시현 영상🎥

---

🔧기술 스택

• 공통스택

  • JavaScript Eslint Prettier Nginx
  

• 프론트

  • React Vite Styled-components
  

• 백엔드

  • Node JS MongoDB express Postman

• 협업 툴
  • Figma gitlab Notion

---

와이어 프레임 & API 문서

• 와이어 프레임

• API 명세서

---

담당한 기능 ⭐️

• 상품 등록/ 상품 수정
• 커뮤니티 목록/ 상세 / 등록 / 수정 / 삭제
• 커뮤니티 댓글 목록 / 등록 / 수정 / 삭제
• 상품 상세 지도 API (판매자 위치 + 유저의 현재 위치)
• 채팅
• 메인페이지

---

기능별 시연영상

(담당한 기능에 📍 표시 )

메인페이지

• 랜딩 섹션 📍
• 최신 등록 거래 보기 📍
• 학교별 등록 도서 보기 📍
• 카운트업 애니메이션 📍

default.mp4

회원가입/아이디찾기/비밀번호찾기/로그인

• 회원가입_ 아이디,이메일 중복검사/ 메일인증 절차/ 학교명 입력
• 아이디찾기
• 비밀번호찾기_ 메일 인증을 통해, 비밀번호 초기화
• 로그인

default.mp4

상품목록 + 상세보기

• 상품목록_ 최신순, 저가순 정렬/ 서울시 지역구 + 대학 필터링 / 검색
• 상품상세_ 상품 정보 / 판매자와 예비 구매자간의 거리 (지도 api) 📍 / 같은 대학내 거래 추천

default.mp4

상품등록 + 수정

• 미입력 확인용, 유효성 검사 진행 📍
• 도서검색 -> 도서명 검색을 통해, 알라딘 API에서 도서명, 책 커버사진, 저자, 출판사 자동 입력 기능 📍
• 임시저장 기능 (IndexedDB) 📍

default.mp4

채팅

• 상세페이지를 통해 채팅방 입장 + 헤더 중, 채팅하기에서 이전의 채팅방 목록 확인 가능 📍
• 소켓 통신을 통한 채팅 + 대화 내용 DB에 저장 📍
• 거래자 칭찬하기/ 비판하기 / 구매확정하기 / 신고하기 / 채팅방 나가기 기능 📍

default.mp4

커뮤니티

• 커뮤니티 CRUD 📍
• 댓글 CRUD 📍

default.mp4

마이페이지

• 찜내역 보기
• 구매내역 + 판매내역 보기
• FAQ + 문의하기
• 개인정보 수정

default.mp4

관리자 페이지

• QnA 처리 _ 메일을 통한 답변 전송

default.mp4

반응형

• 모든 페이지 반응형 구현 (아이폰 6,7,8 기준 )

default.mp4

---

프로젝트 팀원

Backend	Backend	Backend	Frontend	Frontend	Frontend	Frontend
이정은	유경아	류효종	김지윤	임예림	김고은	정한석