README.md

EFUB 3기 SWS 1팀 BagEasy 프론트 레포지토리

🧳 BagEasy 서비스 설명

• BagEasy는 교환학생을 위한 짐 양도 서비스입니다.
• 기존의 짐 양도 플랫폼들은 여러 곳으로 분산되어 있어 사용자로 하여금 불편함을 초래하는 문제점이 있었습니다.
• 저희 서비스는 이러한 문제점을 해소하기 위해 통합된 형태의 서비스를 제공하고자 했습니다.
• 판매자는 양도하고자 하는 물건을 간편하게 올리고, 구매자는 채팅을 통해 빠르게 판매자와 소통할 수 있도록 개발했습니다.

👥 팀원 소개

김예진	곽지우	송지민	이주희	조정민
시작 페이지 거래내역 페이지 마이페이지	판매글 열람 페이지 판매글 작성 페이지	채팅 목록 페이지 채팅방 페이지 학교 설정 모달	구글 로그인 페이지 닉네임 설정 페이지 랜덤 프로필 생성	메인 페이지 찜 목록 페이지 댓글 컴포넌트

💻 기술 스택

Main

Team Collaboration Tool

Styles

Code Formmater

🔗 웹사이트 배포 링크

https://bageasy.vercel.app/

✨ 주요 기능

🌐 구글 로그인

• 구글 계정을 사용하여 간편하게 로그인
• 처음 가입시 닉네임 설정(유효성 검사, 중복 검사)
• 닉네임 바탕으로 랜덤 프로필 생성
• 토큰 만료시 재발급

🔍 양도글 검색

• 학교별 양도글 검색
• 판매 중인 양도글 검색

❤️ 찜하기

• 하트를 눌러서 찜 목록에 저장

💰 거래 내역 확인

• 나의 판매내역과 구매내역 확인

✏️ 양도글 작성

• 사진 업로드 및 학교, 가격 설정
• 제목과 내용 작성

📖 양도글 열람

• 양도글의 세부내용 확인

🗨️ 댓글

• 양도글 하단에서 댓글 작성/열람
• 대댓글, 비밀댓글 기능

✉️ 채팅

• 양도글 하단에서 채팅하기 버튼 클릭
• 실시간 채팅 및 이미지 전송 가능

🖼️ 화면 구성

🌐 구글 로그인	📜 양도글 목록	🔍 학교별 검색	👤 마이페이지	❤️ 찜 목록

💰 거래 내역	✏️ 양도글 작성	📖 양도글 열람	🗨️ 댓글	✉️ 채팅

📁 폴더 구조

BagEasy-front
├─ .gitignore
├─ .prettierrc
├─ node_modules
├─ package-lock.json
├─ package.json
├─ README.md
├─ public
│  ├─ index.html
│  ├─ logo.png
│  └─ robots.txt
└─ src
   ├─ App.js
   ├─ assets
   ├─ index.js
   ├─ Redux
   │  └─ chatRedux.js
   ├─ styles
   │  └─ global.css
   ├─ api
   │  ├─ chat.js
   │  ├─ client.js
   │  ├─ comments.js
   │  ├─ likes.js
   │  ├─ member.js
   │  ├─ nickname.js
   │  ├─ posts.js
   │  ├─ replies.js
   │  ├─ stomp.js
   │  ├─ uni.js
   │  └─ url.js
   ├─ pages
   │  ├─ ChatListPage.js
   │  ├─ ChatRoomPage.js
   │  ├─ CreateSalesPage.js
   │  ├─ DetailPage.js
   │  ├─ EmptyPage.js
   │  ├─ FavoritesPage.js
   │  ├─ GoogleLoginPage.js
   │  ├─ ItemListPage.js
   │  ├─ LoadingPage.js
   │  ├─ ModifySalesPage.js
   │  ├─ MyPage.js
   │  ├─ NicknamePage.js
   │  ├─ Purchase.js
   │  └─ Start.js
   └─ components
      ├─ ChatList
      │  ├─ Item.js
      │  └─ List.js
      ├─ ChatRoom
      │  ├─ Form.js
      │  ├─ Header.js
      │  ├─ MessagesContainer.js
      │  ├─ Modal.js
      │  ├─ MyMessage.js
      │  └─ YourMessage.js
      ├─ Common
      │  ├─ Header.js
      │  ├─ Profile.js
      │  └─ TokenRefreshModal.js
      ├─ CreateSales
      │  └─ SalesContent.js
      ├─ detail
      │  ├─ Footer.js
      │  ├─ Header.js
      │  ├─ ItemContent.js
      │  ├─ ItemInfo.js
      │  └─ SubMenuModal.js
      ├─ ItemList
      │  ├─ Buttons.js
      │  ├─ Comment.js
      │  ├─ CommentHeader.js
      │  ├─ CommentInput.js
      │  ├─ CommentList.js
      │  ├─ CommentModal.js
      │  ├─ CommentReplies.js
      │  ├─ Item.js
      │  ├─ List.js
      │  ├─ ReplyList.js
      │  ├─ SearchBar.js
      │  ├─ Toggle.js
      │  └─ WriteBtn.js
      ├─ ModifySales
      │  └─ SalesContent.js
      ├─ MyPage
      │  ├─ Contents.js
      │  ├─ ListItem.js
      │  └─ UserInfo.js
      ├─ Purchase
      │  ├─ Bar.js
      │  ├─ BuyItem.js
      │  ├─ SharedStyles.js
      │  └─ SoldItem.js
      ├─ Route
      │  └─ PrivateRoute.js
      └─ UpdateUni
         ├─ Modal.js
         └─ SearchBar.js