오이마켓 🥒 프론트엔드

📝 프로젝트 소개

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

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

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

🛠️ 기술 스택

✅ FrontEnd

Language

Development

CI/CD

Design

✅ BackEnd

Framework

DB

Infra

CI/CD

📚 주요 기능

게시물작성	메인/채팅

로그인	회원가입	검색	카테고리

판매내역	관심상품	상품작성	상품삭제

마이페이지	내정보수정	채팅목록	판매내역

판매상품 상태변경	상품 좋아요 표시	좋아요

🖌️ 프로젝트 아키텍처

📂 폴더 구조

 📦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	배경규	이연수	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