Duaily - 빈집 거래 중개 플랫

🎙 프로젝트 설명

듀얼리는 흩어져 있던 듀얼 라이프 정보를 제공할뿐만 아니라 빈집 거래를 통해 듀얼 라이프 실현까지 도우며 빈집 문제까지도 해결하는 것을 목표로 하는 플랫폼입니다.

핵심 기능은 다음과 같습니다.

• 빈 집 게시글을 작성하고 조회
• 빈 집 게시글을 통한 거래
• 듀얼 라이프에 관심 있는 사용자들간의 커뮤니티

🖥️ 배포 링크

https://duaily.vercel.app

🛠 기술 스택

Recoil

Framer-motion

React를 사용하여 사용자와의 상호작용을 하는 앱화면을 효율적으로 구성하고,
Recoil을 이용하여 유동적인 값들의 상태를 관리했습니다.
React Query를 사용하여 비동기 관련 로직 및 상태를 관리하고,
Framer-Motion을 사용하여 styled-components에서도 쉽게 사용 가능하고 다양한 애니메이션 기능을 간편하게 사용했습니다.

시스템 아키텍처

CI/CD Workflow

1. 로컬 feature 브랜치에서 origin의 feature 브랜치로 push
2. origin의 feature 브랜치에서 upstream의 develop 브랜치로 PR
3. upstream의 develop 브랜치와 main 브랜치를 merge
4. Vercel CI / CD 실행

가장 최근 배포 시간 기준, 1분 4초 소요.