Skip to content
@Techeer-market

techeer-market

테커 멤버들이 사용하는 중고거래 사이트

Techeer Market

techeermarkte

🎀 Introduction

테커 내 중고거래를 위한 웹 플랫폼, 테커 마켓 👩🏻‍🌾

📚 Tech Stack

Frontend Backend Database&Storage DevOps Test
React Router
ESLint React Hook Form
Storybook

JWT




Docker

Jest

⚙️ System Architecture

시스템아키텍쳐


⛺️ ERD

ERD


🔍 기능 구현 범위

  • 회원
    • 회원 가입 / 로그인
    • 마이페이지
      • 판매 / 구매 내역 리스트 확인
      • 좋아요 게시물 목록
      • 판매자 정보
  • 중고 거래 시스템
    • 중고거래 게시물 글쓰기
      • 판매할 물건 사진 업로드
      • 게시물 내용 (제목, 가격, 사진, 내용, 원하는 거래 위치)
    • 구매
      • 채팅 (판매자, 구매자 간 1:1 채팅)
      • 게시물 상태 (판매중→예약중→구매완료)
      • 상세 게시물 페이지
    • 상품 검색 (키워드)

💻 Installation Process

Docker repository clone

git clone --recursive <https://github.com/Techeer-market/Frontend.git>
git clone --recursive <https://github.com/Techeer-market/Backend.git>

Set .env in the backend folder

CLOUD_AWS_DB_HOST=
CLOUD_AWS_DB_DATABASE_NAME=
CLOUD_AWS_DB_USERNAME=
CLOUD_AWS_DB_PASSWORD=

CLOUD_AWS_S3_BUCKETNAME=
CLOUD_AWS_S3_REGION=       
CLOUD_AWS_ACCESS_KEY_ID=
CLOUD_AWS_SECRET_ACCESS_KEY=

📊 Flowchart

flowchart

🔍 Features

  • 회원가입/ 로그인
    • JWT, SpringSecurity 를 이용한 회원가입/로그인 페이지
    • 로그아웃, 회원 탈퇴 구현
  • 메인페이지
    • InfiniteScroll을 이용한 게시물의 목록을 보여주는 페이지
    • AWS S3 람다를 이용해 썸네일 리사이징
  • 전체 카테고리 페이지
  • 검색기능
  • 게시물 작성
    • 대표이미지를 선택하여 지정할 수 있고, 갯수를 제한하여 총 4개 사진 게시 가능
    • 카카오맵API를 이용하여 지도상 거래 희망 장소를 선정 가능
  • 게시물 수정하기
    • 게시된 내용을 수정하여 게시 가능
  • 게시물 상세보기
    • 카카오맵API를 이용하여 지도상 거래 희망 장소 확인 가능
    • 좋아요 기능을 통해 게시물을 좋아요 목록에서 관리 가능
    • 구매자 와의 채팅 기능
  • 채팅
    • 구매자와 판매자 사이의 1:1 채팅 가능
    • STOMP의 pub/sub 메커니즘을 활용하여 텍스트 기반 채팅 구현
  • 마이페이지
    • 좋아요 목록, 판매내역, 구매내역 선택하여 확인
    • 계정/정보 관리에서 이메일, 비밀번호, 생년월일 등의 정보 수정 가능
  • 판매내역/구매내역
    • 사용자의 판매 내역과 구매내역을 관리 가능
    • 판매내역에서는 판매 중, 거래 완료 상태로 구분하여 관리 가능

⛹🏼‍♀️ Postman

Frontend와 Backend 통신을 위한 API 문서화는 Postman과 노션을 사용했다

https://documenter.getpostman.com/view/27567744/2s9Ykn9N3U

https://documenter.getpostman.com/view/27567744/2s9Ykn9N3V

API 명세서



Member

이름 홍다연 김유라 조은주 하재민 권찬영
역할 Leader, Backend Frontend Frontend Frontend Backend
깃허브 Dayeon-Hong yura0302 dmswn1004 penloo fnzl54

Popular repositories Loading

  1. Backend Backend Public

    중고거래 - 당근마켓 클론 코딩 프로젝트

    Java 1 1

  2. Frontend Frontend Public

    TypeScript 1 3

  3. .github .github Public

    readme

Repositories

Showing 3 of 3 repositories
  • Backend Public

    중고거래 - 당근마켓 클론 코딩 프로젝트

    Techeer-market/Backend’s past year of commit activity
    Java 1 1 1 0 Updated Jul 6, 2024
  • .github Public

    readme

    Techeer-market/.github’s past year of commit activity
    0 0 0 0 Updated Jul 4, 2024
  • Frontend Public
    Techeer-market/Frontend’s past year of commit activity
    TypeScript 1 3 8 0 Updated Jun 28, 2024

Top languages

Loading…

Most used topics

Loading…