Skip to content

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

About

같이 달램 | 휴식 소모임 서비스

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages