Skip to content

Latest commit

 

History

History
82 lines (65 loc) · 7.94 KB

README.md

File metadata and controls

82 lines (65 loc) · 7.94 KB

Re:Use

빠르게 바뀌는 유행으로 버려지는 옷들이 많은 요즘,

리유즈는 버려지는 옷에게 다시 새로운 주인을 찾아줄 수 있지 않을까라는 고민에서 고안된 옷 중심 중고거래 서비스입니다.

프로젝트 링크: www.re-use.store

이미지600*340

Demo

메인화면 및 로그인 상품 등록
1 2
찜하기 & 상점 이동 실시간 채팅
3 4
마이 페이지 & 리뷰 작성 상점 페이지
5 6

System Architecture

image

Tech Stack

Frontend Backend DevOps DB Others
TypeScript
React
Vite
Styled-Components
Axios
recoil
Java
spring
springsecurity
apachetomcat
QueryDSL
Lombok
junit5
WebSocket
Stomp
Docker
NGINX
AMAZON_EC2
gradle
githubactions
MySql
AMAZON_RDS
AMAZON_S3
Redis
Swagger
Notion
Slack
POSTMAN

기술적 의사결정

사용 기술 사용 이유
React 컴포넌트의 재사용성이 높음, 가상 DOM을 활용해 렌더링 횟수를 줄임
React-Query Boilerplate 코드를 줄일 수 있음, 캐싱된 데이터 사용
React-Router v6(BrowserRouter) Outlet을 통해 중첩된 라우트 관리, 컴포넌트 재사용성 용이
Recoil 간단한 로직에 맞춰진 경량의 상태 관리 , 복잡한 데이터 처리가 필요없는 부분에 적합
TypeScript 코드의 안정성을 높임, 코드 유지보수 개선
Browser Image Compression 이미지 최적화를 위함
SockJS / Stomp 다양한 웹 환경에서의 높은 접근성과 빠르고 안정적인 메시지 교환을 가능하게 하기 위함

구현 기능

상세보기

소셜 로그인

상품 검색

인기 상품 조회

카테고리별 상품 조회

상품 찜하기

상대방 팔로우 하기

채팅 기능

알림 기능

상품 등록, 수정 기능

프로필 사진 추가, 변경 기능

사용자 위치 등록, 위치 기반 상품 추천 기능

상품 리뷰 기능

API

상세보기

Team Member

Name 박정훈 강찬영 김경윤 정재익 김용빈 이지은 정예원
Profile image image image image image image image
Role Team Leader
Backend
DevOps
Backend Backend Backend Vice Leader
Frontend
Frontend Design
GitHub 박정훈 강찬영 김경윤 정재익 김용빈 이지은 -