DDang(댕) 오직 ‘산책’ 키워드에 맞춘 사용자 친화적인 서비스를 만들고자 탄생했습니다.
→ 기존 동물에만 포커싱 맞춰진 서비스와 차별화
→ 강번따 : 산책 시 200미터 안에 산책하는 또다른 사용자가 있다면 해당 사용자에게 강번따 요청을 할 수 있습니다. 승낙 시 서로의 위치를 공유하며 함께 산책할 수 있는 서비스를 제공하며,산책을 마치면 친구를 맺을 수 있습니다.
→ 댕로그, 패밀리댕 : 함께 사는 가족 or 연인과 함께 모든 기록을 공유하며 체계적으로 산책을 관리 합니다.
배포 URL : https://ddang.pages.dev ➡️ React Native로 마이그레이션 진행 중!
❗️ NEW 레포지토리 : https://github.com/DDang-Org/FrontEnd
| 김주영(PM) | 남원일 | 이성훈 | 한규(팀장) |
|---|---|---|---|
 |
 |
 |
 |
| 패밀리댕, 로그인, 견주등록 관리, 설정 |
댕로그, 가족코드 공유, 강아지등록 관리 |
소셜, 실시간 채팅, 홈 | 산책, 강번따, 친구신청 |
| 문재경 | 노관태(팀장) | 송경훈 | 장준우 |
|---|---|---|---|
 |
 |
 |
 |
산책
- 산책: 산책 중 위치와 경로를 실시간으로 확인하고 기록할 수 있습니다.
- 산책 기록: 이후 산책을 마치면 경로, 시간, 거리의 데이터을 요약해주고 해당 데이터를 아카이빙 시킵니다.
강번따 강번따란? 내 동네 견주와 함께 친구를 맺어 산책을 할 수 있는 기능입니다.
- 근처 강아지 알림: 산책 도중에 사용자의 반경 내 산책 중인 다른 강아지 수를 표시해줍니다.
- 강아지 프로필: 근처에 있는 강아지의 프로필을 확인할 수 있습니다.
- 강번따 요청 버튼: 다른 강아지와 산책을 시작하는 버튼을 통해 강번따 요청을 보낼 수 있습니다.
- 강번따 요청: 강아지 산책 요청이 들어왔을 때 수락/거절 옵션이 있는 알림을 제공합니다.
- 거절: 강아지가 부끄러워하는 상황에 대한 메시지를 제공합니다.
- 수락: 서로의 실시간 위치가 핀포인트로 공유되고 채팅방이 생성됩니다.
- 신고: 특정 강아지를 신고하거나 차단할 수 있는 기능을 제공합니다.
- 실시간 채팅: 강아지와 산책이 매칭된 사용자 간에 채팅이 가능합니다.
- 친구 맺기 : 함께 산책을 완료한 후엔 친구를 맺어 추후 지속적인 동네 산책 친구와 네트워킹을 할 수 있습니다.
홈 프로필 페이지
이번 주 동안의 산책 횟수, 다음 산책 차례를 한눈에 확인할 수 있습니다. 알림 목록을 확인할 수 있습니다.
소셜 채팅
- 댕친구 리스트: 사용자가 추가한 친구 목록을 확인할 수 있습니다.
- 채팅: 댕친구와의 채팅 기능을 지원합니다.
견주,강아지 정보입력 프로세스
- 소셜로그인 : 카카오 계정으로 간편하게 소셜로그인이 가능합니다.
- 회원정보 입력 : 마음에 드는 아바타와 가족 포지션을 포함한 정보를 입력 받습니다. 이때 현재 위치는 클릭 한 번으로 위치 정보를 받아올 수 있습니다.
- 강아지정보 입력 : 내 강아지 정보를 입력 받습니다. 이미지, 견종 등 여러 정보를 저장할 수 있습니다.
패밀리댕
- 가족 역할: 가족 구성원 역할 확인 및 산책 데이터를 한 눈에 볼 수 있습니다.
- 댕 평집 페이지: 강아지 프로필 상세 정보를 확인 및 수정할 수 있습니다.
- 가족 초대 : 패밀리댕에 우리 가족을 초대할 수 있게 가족 코드를 공유할 수 있습니다. 해당 코드를 입력하면 패밀리에 초대됩니다.
댕로그
-
캘린더 페이지: 일별로 산책 기록을 캘린더 형태로 확인할 수 있습니다.
-
주간 캘린더별 기록 페이지: 주간 산책 횟수 및 주요 활동을 요약하여 제공하는 페이지입니다.
-
기록별 상세 정보 페이지: 각 산책 기록의 상세 정보를 확인할 수 있습니다.
-
산책 기록 기반 분석 그래프: 사용자와 강아지의 산책 횟수를 그래프로 시각화하여 제공합니다.
마이페이지
- 회원 정보 메인 페이지: 사용자의 기본 정보와 설정 페이지로 이동할 수 있는 메뉴입니다.
- 알림 설정 페이지: 강번따 요청, 산책 알림 등 주요 알림을 설정하는 페이지입니다.
- 회원 정보 상세 페이지: 사용자 정보 수정 및 관리 기능을 제공합니다.
- 2024.11.15 ~ 2024.12.09
- 프로젝트 기간이 짧았던 만큼, 매주 월요일마다 스프린트 하였습니다.
- 데일리 스크럼을 통해 팀원 간 작업 상황을 공유하였습니다.
- Github Project에서 Stroy Point를 이용해 작업을 관리하였습니다.
- Front : Vite React Typescript
- Back : Java Spring
- Version & Issue Management : Github Project
- Tools : Discord, Slack, Notion
- Service : Cloudflare
- Design : Figma
| Type | Description |
|---|---|
✨Feat |
새로운 기능 추가 |
🐛Fix |
버그 수정 |
📝Docs |
문서 수정, 주석 관련 |
♻️Refactor |
코드 리펙토링 |
✅Test |
테스트 코드, 리펙토링 테스트 코드 추가 |
🔧Chore |
빌드 업무 수정, 패키지 매니저 수정 (package.json 수정) |
🎨Design |
CSS |
🔥Remove |
파일 제거 |
🚚Rename |
파일 혹은 폴더명 수정 |
🔨Setting |
개발 환경 셋팅 관련 |
🚀Perf |
성능 최적화 관련 |
🚨Hotfix |
핫픽스 |
📦src
┣ 📂apis
┣ ...
┃ ┗ 📜axiosInstance.ts
┣ 📂assets
┣ 📂components
┃ ┣ 📂Button
┃ ┣ 📂DogProfile
┃ ┣ 📂Header
┃ ┣ 📂Input
┃ ┣ 📂PushNotification
┃ ┣ ...
┣ 📂constants
┣ 📂data
┣ 📂hooks
┃ ┣ 📜useClearModal.ts
┃ ┣ 📜useGeolocation.ts
┃ ┣ 📜useScrollPreservation.ts
┃ ┣ ...
┣ 📂modals
┣ 📂pages
┣ 📂stores
┣ 📂styles
┣ 📂types
┣ 📂utils
┣ 📂stores
┣ 📂styles
┣ 📂types
┣ 📂utils