Skip to content

INtiful/SootheWithMe

Repository files navigation

🧘🏻 같이 달램

같이 달램 메인 이미지

바쁜 일상 속 휴식을 위한 다양한 모임을 탐색하고 참여하며, 직접 모임을 개설하고 리뷰를 생성할 수 있는 서비스입니다.

배포 링크 : https://soothe-with-me.vercel.app/


⚙️ 기술 스택

분류 기술 스택

프론트엔드

테스트

CI / CD

협업


🚀 Quick start guide

$ git clone https://github.com/INtiful/SootheWithMe.git

$ npm install

$ npm run dev


🌠 핵심 기능

모임 조회하기
모바일
모임 찾기 페이지 모임 찾기 페이지

모임 만들기
모바일
모임 만들기 기능 모임 만들기 기능

모임 찜하기
모바일
모임 찜하기 기능 모임 찜하기 기능

모임 상세페이지
모바일
모임 상세페이지 모임 상세페이지

리뷰 작성하기
모바일
모임 리뷰 작성하기 기능 모임 리뷰 작성하기 기능

모든 리뷰 페이지
모바일
모든 리뷰 페이지 모든 리뷰 페이지

찜한 모임 페이지
모바일
찜한 모임 페이지 찜한 모임 페이지

마이 페이지
모바일
마이 페이지 마이 페이지

로그인 / 회원가입
모바일
로그인 기능 로그인 기능
모바일
회원 가입 기능 회원 가입 기능

다크 모드
모바일
다크모드 기능 다크모드 기능

🧑‍🤝‍🧑 팀원 소개

고학영 송민혁 유호민 윤채현
@hakyoung12 @Bematthewsong @HMRyu @yunchaeney
역할 분담

고학영

• 마이 페이지 내 프로필 수정 기능, 나의 모임 페이지 구현
• Zod를 활용한 회원가입 및 로그인 유효성 검사 기능 구현
• 마이페이지 나의 모임페이지 무한 스크롤 및 초기데이터 서버사이드 렌더링 구현
• 로그아웃 타이머 렌더링 및 자동 로그아웃 기능 구현

송민혁

• 모임 만들기 기능, 리뷰 작성하기 기능, 마이페이지 내 리뷰 페이지 구현
• CI/CD 구축(github actions)을 통한 코드 통합 과정 개선 및 배포 자동화
• query-key-factory를 사용하여 RQ의 queryKey를 체계적으로 관리
• 프로젝트 초기 세팅 및 프로젝트 관련 노션 관리

유호민

• 모임 찾기 페이지, 모임 상세 페이지 구현
• Jira 와 github를 연동하여 브랜치 생성 시 원격 저장소와 연결하는 시스템 구축
• 서버 컴포넌트 및 server actions 를 이용하여 초기 데이터를 불러와 페이지 로딩 속도 최적화
• framer motion 을 이용하여 모임을 불러올 때 부드러운 애니메이션을 주어 자연스러운 UI 구현

윤채현

• 찜한 모임, 모든 리뷰, 마이페이지-내가 만든 모임 페이지 기능 구현
• Local storage를 이용하여 모임의 찜하기 및 삭제 기능
• React-query 의 InfiniteQuery 를 사용한 무한스크롤 기능 구현
• 다크모드 디자인 적용

개발 기간: 2024.08 - 2024.10

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •