5urf/walk-with-me

🎾 함께 운동하고 싶은 사람들을 위한 서비스

함께걸어YOU

함께 운동하고 싶은 사람들을 위한 서비스입니다.

1. 소개

🔨 기술 스택

Frontend

• Context API, CSS Module, Styled-Components

Backend

• Express, Mongoose

Database

🔍 웹서비스에 대한 자세한 개요

🎯 Target

• 달리기, 자전거, 걷기 등 운동 같이 하고 싶은 사람들
• 혼자서는 늘 작심삼일인 사람들
• 각자의 건강 관리 팁과 운동 팁을 공유하고 싶은 사람들
• 운동하기 좋은 장소를 공유하고 싶은 사람들

🔎 What

• 같이 운동하고 싶은 사람들을 모집하는 서비스
• 같은 취미를 즐기면서 좋은 사람들을 만나는 서비스
• 건강 관리 팁과 장비를 공유하는 서비스

👐 How

• 모집글을 조회, 작성, 수정, 삭제할 수 있다.
• 모집글을 필터링할 수 있다.
• 마음에 드는 모임에 참가신청을 할 수 있다.
• 모임장은 참가신청한 사람들과 모임원들을 관리할 수 있다.
• 모임 장소를 지도를 통해 공유할 수 있다.
• 모임원들끼리 채팅을 할 수 있다.

✍ 유저 시나리오

Persona

• 김가장
  • 34세, 프론트엔드 개발자.
  • 비만, 최근 의사에게 운동을 하라는 진단을 받음.
  • 운동 해야지 생각은 하는데 실천을 하지 못함.

Needs

• 운동을 꾸준히 할 수 있게 같이 할 사람이 필요함.
• 운동을 어떻게 시작해야 할지 막막함.
• 동네에 운동하기 좋은 장소를 찾고 싶음.

Scenario

김가장은 비만이다. 최근에 몸이 안 좋아져 병원에 갔는데, 간이 안 좋다는 진료 결과를 받게 되었다. 의사는 운동을 하라고 권유했다.

막상 운동을 시작하려니 어떤 것부터 먼저해야 할지 감이 잡히질 않았다. 또한 여태까지 운동을 꾸준히 해보려 했으나 얼마 가지 못 했다. 구글링을 통해 ‘함께걸어YOU’ 앱을 알게 되었고, 이 앱을 통해 운동 모임을 주기적으로 가지며 꾸준히 해보려고 한다.

김가장은 가벼운 운동부터 시작하고 싶어 걷기 운동을 선택했다. 소모임 그룹을 찾아보다 자신의 집과 가장 가까운 곳에서 모임을 가지는 걷기 그룹에 가입했다.

매주 주말마다 걷기 모임에 참여해 좋은 사람들을 만나고 건강 관리 팁을 공유하고 걷기 자세와 운동화 같은 장비를 추천 받았다. 혼자서는 끈기있게 하지 못했는데, 사람들과 같이 하니 운동을 꾸준히 할 수 있었다.

이 앱을 사용한 김가장은 살을 빼고 건강을 되찾을 수 있었고, 좋은 사람들과 관계를 맺어 조금 더 활력있는 삶을 살게 되었다.

2. 서비스 주요 기능 설명

메인 기능

1. 모임 만들기 및 모집

   모임을 만들어 모임장이 되거나 마음에 드는 모임에 가입 신청을 할 수 있습니다. (단, 모임장이 수락을 해야 모임원이 될 수 있습니다.)

2. 모임 위치 지도에 표시

   지도를 통해 모임 위치를 한 눈에 확인할 수 있습니다.

3. 모임원 관리

   참가 신청한 사람을 수락 또는 거절하거나 모임원을 퇴출할 수 있습니다.

4. 채팅

   모임에 가입된 사람들끼리 채팅을 할 수 있습니다.

서브 기능

1. 좋아요

   관심있는 모임에 관심을 등록하거나 해제할 수 있습니다.

2. 필터링

   원하는 모임을 빠르게 찾을 수 있습니다.

3. 프로젝트 구성도

• Figma

4. 프로젝트 팀원 역할 분담

• 팀장 : 최문경
• 팀원 : 김용규, 이윤학, 이지윤, 정하나
• 모든 팀원이 기획, 프론트엔드, 백엔드를 함께 했습니다.

프론트엔드

이름	컴포넌트	페이지
김용규	헤더, 다크모드, 지도	비밀번호 찾기, 모집글 상세
이윤학	버튼, 아바타, 주소 입력, 모달	로그인, 회원가입, 모집글 등록, 비밀번호 변경, 회원 정보 수정, 모집글 수정
이지윤	카드	메인, 회원 정보, 채팅방
정하나	페이지네이션, 탭, 다크모드	회원 정보 등록, 회원 정보, 채팅방, 회원 관리, 모집글 상세
최문경	인풋, 드롭다운	메인, 회원정보, 회원 관리

백엔드

이름	담당 API
김용규	모임 탈퇴, 모집글 작성, 모집글 관심 해제, 모집글 가입 신청 거절
이윤학	회원가입, 로그인, 로그아웃, 비밀번호 찾기, 이미지, 채팅, 회원정보 등록, 회원정보 조회, 비밀번호 변경
이지윤	모집글 수정, 모집글 관심 등록, 모집글 회원 퇴출, 채팅
정하나	구글 로그인, 카카오 로그인, 채팅
최문경	이미지, 모집글 수정, 모집글 조회, 모집글 목록, 모집글 삭제, 모집글 가입 신청 수락, 채팅

5. 문서

• 노션