Skip to content

맞왜틀조와 함께하는 당근마켓 클론 프로젝트

Notifications You must be signed in to change notification settings

LeHiHo/FE_marketClone

 
 

Repository files navigation


오이마켓 🥒 프론트엔드

site


📝 프로젝트 소개

초기 당근마켓을 벤치마킹한 중고거래 웹 프로젝트

TEST용 ID: [email protected]
TEST용 PASSWORD: 123456


프론트엔드 노션은 이곳을 클릭해주세요.
피그마는 이곳을 클릭해주세요
백엔드 노션은 이곳을 클릭해주세요.
백엔드 레포지토리는 이곳을 클릭해주세요.
프로젝트 제안서는 이곳을 클릭해주세요.
스웨거는 이곳을 클릭해주세요.

🛠️ 기술 스택

✅ FrontEnd

Language

Development

Next Axios

CI/CD

Vercel

Design

Figma


✅ BackEnd

Framework

Spring springboot springsecurity

DB

MongoDB mysql

Infra

Nginx JWT Mongoose

CI/CD

GitHub Actions Amazon EC2

📚 주요 기능

게시물작성 메인/채팅
chatting/painting

로그인 회원가입 검색 카테고리
판매내역 관심상품 상품작성 상품삭제
마이페이지 내정보수정 채팅목록 판매내역
스크린샷 2023-11-23 오후 6 36 22
판매상품 상태변경 상품 좋아요 표시 좋아요
스크린샷 2023-11-23 오후 6 36 01 스크린샷 2023-11-23 오후 6 35 41


🖌️ 프로젝트 아키텍처

아키텍쳐

📂 폴더 구조

 📦src
 ┣ 📂api
 ┣ 📂app
 ┃ ┣ 📂category
 ┃ ┣ 📂chat
 ┃ ┃ ┗ 📂[id]
 ┃ ┣ 📂login
 ┃ ┣ 📂main
 ┃ ┣ 📂mypage
 ┃ ┃ ┣ 📂chats
 ┃ ┃ ┣ 📂edit
 ┃ ┃ ┣ 📂sales
 ┃ ┃ ┣ 📂wish
 ┃ ┣ 📂product
 ┃ ┃ ┣ 📂[id]
 ┃ ┃ ┃ ┣ 📂chats
 ┃ ┃ ┃ ┣ 📂edit
 ┃ ┃ ┗ 📂products
 ┃ ┣ 📂search
 ┃ ┣ 📂signup
 ┃ ┣ 📂write
 ┃ ┣ 📜layout.tsx
 ┃ ┗ 📜page.tsx
 ┣ 📂components
 ┣ 📂styles
 ┃ ┣ 📂components
 ┃ ┣ 📂templates
 ┃ ┃ ┣ 📂category
 ┃ ┃ ┣ 📂chat
 ┃ ┃ ┣ 📂login
 ┃ ┃ ┣ 📂main
 ┃ ┃ ┣ 📂mypage
 ┃ ┃ ┣ 📂product
 ┃ ┃ ┣ 📂search
 ┃ ┃ ┣ 📂signup
 ┃ ┃ ┣ 📂write
 ┃ ┣ 📜globals.scss
 ┃ ┣ 📜mixin.scss
 ┃ ┗ 📜reset.scss
 ┣ 📂templates
 ┃ ┣ 📂category
 ┃ ┣ 📂chat
 ┃ ┣ 📂login
 ┃ ┣ 📂main
 ┃ ┣ 📂mypage
 ┃ ┣ 📂product
 ┃ ┃ ┣ 📂productStateList
 ┃ ┣ 📂search
 ┃ ┣ 📂signup
 ┃ ┣ 📂write
 ┗ 📂types

🧑🏻‍💻 팀 소개 및 역할

✨ FE 팀 소개

장호진 (FE)
팀장
배경규 (FE)
팀원
이연수 (FE)
팀원
최선파 (FE)
팀원
leHiHo kyungkyuBae image sunpaaaa
leHiHo 배경규 이연수 sunpaaaa
  • 로그인
  • 초기설정
  • 폴더구조설계
  • 상품 수정
  • 상품 등록
  • 상품 삭제
  • 카테고리
  • 판매내역 조회
  • 상품 상태 변경
  • 좋아요 기능
  • 회원가입
  • 프로필수정
  • 상품 상세 페이지
  • 상품 관련 채팅목록
  • 소켓 연결 후 실시간 채팅
  • 메인페이지 전체 상품 불러오기
  • 카테고리 목록 불러오기
  • 소켓 연결 후 실시간 채팅 구현
  • 마이 페이지

✨ BE 팀 소개

고동훤 (FE)
팀장
김종훈 (FE)
팀원
김진홍 (FE)
팀원
서원빈 (FE)
팀원
고동훤 김종훈 김진홍 서원빈
Dr-KoKo WaterSpray deepredk Seo Wonbin
  • 인증/인가
  • Spring 기본설계
  • Github Actions
  • AWS S3
  • Nginx
  • Mypage API
  • Product API
  • 채팅 API
  • 상품 관심목록 API
  • 상품 채팅목록 API
  • 상품 상태변경 API
  • 상품 카테고리 API
  • 상품 CRUD API
  • 상품 전체조회 API
  • 상품 상세조회 API


📆 기간

2023.10.04 ~ 2023.10.27

About

맞왜틀조와 함께하는 당근마켓 클론 프로젝트

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 78.0%
  • SCSS 21.7%
  • JavaScript 0.3%