Pawsitive

서비스 소개

맞춤형 유기견 입양 지원 서비스

• 웹과 앱을 통해 유기견 보호소에게는 유기견을 빠르고 쉽게 공고를 등록할 수 있는 창구를,
  
• 입양 희망자에게는 맞춤형 유기견 추천 및 5단계의 입양 지원 서비스를,
  
• 입양 후 함께 추억을 쌓을 수 있도록 커뮤니티 기능 및 나에게 쓰는 일기 기능을 제공합니다.

맞춤형 인터페이스

시연 시나리오

1단계

홈	입양단계	펫과사전	펫과사전
- 홈 화면	- <입양 단계 안내> 카드를 눌러 입양 단계 안내 페이지로 이동합니다	- 홈 화면 오른쪽 위에 있는 아이콘을 눌러 펫과사전 페이지로 이동합니다	- 카테고리 검색이 가능합니다.

펫과사전 상세	포지티버
- 펫과사전 상세 페이지로 이동합니다	- 홈 화면의 <포지티버가 되어 볼까요> 카드를 눌러 포지티버 페이지로 이동합니다 - [준비됐어요!] 버튼을 눌러 다음 단계로 넘어갑니다

2단계

홈	유기견공고 상세	유기견공고	유기견공고
- 나에게 딱 맞는 유기견을 추천 받을 수 있습니다 - [해당 공고 보러가기] 클릭시 해당 유기견 상세조회 페이지로 이동합니다	- [뒤로가기] 를 클릭하여 홈 화면으로 되돌아갑니다	- 하단 바에 있는 [공고]를 클릭하여 유기견 공고 페이지로 이동합니다 - 화면 상단에 이달의 유기견을 확인합니다	- [필터링]을 클릭하여 원하는 카테고리를 구분하여 유기견을 확인할 수 있습니다

유기견공고	유기견공고 상세	유기견공고 상세	홈
- 화면을 스크롤하여 마음에 드는 유기견을 클릭하여 해당 유기견의 상세페이지로 이동합니다	- 유기견의 이미지를 가로로 스크롤하여 더 많은 이미지나 동영상을 확인합니다. - 보호소명 옆 [paw]를 클릭하여 마음에 드는 유기견을 관심공고로 등록할 수 있습니다. - [뒤로가기]를 클릭하여 유기견 공고 페이지로 이동합니다.	- 다른 유가견을 클릭하여 해당 유기견의 상세 페이지로 이동합니다. - 동일하게 [paw]를 클릭하여 관심 공고로 등록합니다.	- [홈]을 클릭하여 메인페이지로 이동합니다. <아직 설문이 완료되지 않았어요!> 를 클릭하여 입양 전 설문 작성 페이지로 이동합니다.

입양설문	입양설문	입양설문	입양설문
- [다음]을 클릭하여 입양 전 설문 작성을 시작합니다.	- 항목 미클릭시 [다음]은 비활성화 상태입니다.	- [다음]을 클릭하여 다음 질문으로 이동합니다.	- [다음]을 클릭하여 생활 환경 설문을 시작합니다

입양설문	입양설문
- [설문 작성 완료]를 클릭하여 입양 전 설문을 완료합니다.	- 설문을 완료하면 [확인]을 클릭하여 메인페이지로 이동합니다.

3단계

홈	찜한 공고	유기견 상세	펫과사전
-[관심 공고 리스트 보러가기]를 클릭해 내가 찜한 공고 페이지로 이동합니다	관심공고로 등록한 유기견의 목록을 조회할 수 있습니다. 유기견을 선택하여 해당 유기견의 상세 페이지로 이동합니다.	해당 유기견의 특이사항을 확인합니다. [Tip]을 클릭하여 특이사항 중 질병 정보나 행동 특이사항에 대한 맞춤 상황별 교육 컨텐츠 안내 페이지로 이동합니다.	해당 상황별 교육 컨텐츠를 확인합니다. [뒤로가기]를 클릭하여 유기견 상세 페이지로 되돌아갑니다.

유기견 상세	채팅	영상통화	영상통화
스크롤하여 보호소의 위치를 확인합니다. 한눈에 보는 입양 절차를 확인합니다. 해당 유기견과 같은 보호소에 있는 유기견을 확인합니다. [보호소와 채팅하기]를 클릭하여 해당 보호소와 채팅을 시작합니다.	보호소와 채팅을 합니다. 우 상단 [전화]를 클릭하여 보호소와 영상통화를 시작합니다.	[통화시작]을 클릭하여 영상통화를 시작합니다.	보호소와 영상통화를 합니다. [종료]를 클릭하여 영상통화를 종료합니다. 통화 종료시, 채팅화면으로 되돌아갑니다.

|

채팅	입양약속 - 사용자	채팅	입양약속 - 보호소
채팅화면으로 되돌아옵니다. [입양약속 잡기]를 클릭하여 보호소와 입양 약속 페이지로 이동합니다.	입양 희망 유기견의 이름을 작성합니다. 입양 희망 날짜를 선택합니다.입양 희망 시간을 선택합니다. [완료]를 클릭하여 입양 약속을 완료하고 다시 채팅화면으로 되돌아갑니다. 또는 [x]를 클릭하여 해당 페이지를 닫습니다.	채팅 화면에서 <안내>를 확인합니다. [입양약속 보기]를 클릭하여 입양 약속 페이지로 이동합니다.	입양 약속 기록을 확인합니다. [확인]을 클릭하여 채팅화면으로 되돌아갑니다. 또는 [x]를 클릭하여 해당 페이지를 닫습니다.

채팅	입양설문	입양약속 - 보호소	채팅 - 보호소
보호소 회원은 [입양설문 보기]를 클릭하여 사전에 작성한 입양 설문을 확인합니다.	입양 설문 상세 조회 페이지입니다. 회원이 사전에 작성한 입양 설문 내용을 볼 수 있습니다. [<]을 클릭해 다시 채팅 화면으로 돌아갑니다.	보호소회원은 입양 희망자가 희망하는 입양 약속 일정을 확인합니다. [수락]을 클릭하여 해당 입양약속을 수락합니다. [x]를 클릭하여 해당 페이지를 닫습니다.	[입양확정하기]를 클릭하여 입양을 확정 짓습니다.

채팅 - 사용자
입양 확정 문구를 확인합니다.[<]를 클릭하여 페이지를 되돌아갑니다.

4단계

홈	홈
- [이름 지으러 가기]를 클릭해 반려견의 정보를 수정하는 모달을 띄웁니다	- 반려견 사진, 이름, 나이, 무게 등을 수정할 수 있습니다

5단계

홈	홈	오늘의 질문 입력	오늘의 질문
<반려견 사진>을 통해 반려견과의 입양 날짜를 볼 수 있습니다 <반려견 사진>을 클릭합니다	<반려견 사진>을 클릭해 카드를 뒤집어 반려견의 정보를 볼 수 있습니다 <오늘의 질문이 도착했어요>를 클릭합니다	오늘의 질문에 대한 답변을 등록할 수 있습니다 작성을 완료하면 [저장하기]를 클릭해 답변을 등록합니다 [저장하기]를 누르면 방금 등록한 답변의 상세 페이지로 이동합니다	등록한 답변을 볼 수 있습니다 [뒤로가기]를 클릭해 해당일까지 받아본 오늘의 질문을 모아볼 수 있습니다

오늘의 질문 목록	홈	커뮤니티 글
해당일까지 받아본 오늘의 질문을 모아볼 수 있습니다 각각의 <오늘의 질문>을 클릭하면 해당 질문과 질문에 대한 답변 상세 조회 페이지로 이동합니다	[홈] 화면에서 조회수 순으로 가장 인기있는 커뮤니티 게시물을 모아볼 수 있습니다 <인기있는 게시물>을 클릭해 커뮤니티 글 상세 조회 페이지로 이동합니다	커뮤니티 게시글 상세 페이지에서 게시글 조회 후 [<] 버튼을 통해 다시 홈 화면으로 돌아갑니다

발자국

발자국 등록	발자국 상세	발자국 지도뷰	발자국
- 커뮤니티 글을 작성할 수 있습니다 - 사진과 글 제목, 글 공개 여부, 카테고리, 내용, 기록할 위치 등을 입력하고 [완료] 버튼을 클릭해 글을 등록합니다 - 글을 등록하면 방금 작성한 글의 상세 페이지로 이동합니다	- 커뮤니티 글 상세 페이지입니다 - [<] 버튼을 눌러 커뮤니티 글을 모아볼 수 있습니다	- [지도보기]를 클릭해서 작성한 글에 대해 등록한 위치를 볼 수 있습니다	- 커뮤니티 글을 원하는 카테고리를 클릭해 카테고리별로 모아 볼 수 있습니다

개발 환경

FrontEnd

• Node - npm 10.2.5
• Library - React 18.2.0
• Build tool - Vite 5.0.8
• State management - Jotai 2.6.2
• Language - TypeScript 5.2.2
• HTTP client - axios 1.6.5
• Style - Styled component 6.1.8

BacKEnd

• Java 17 - Oracle OpenJDK 17.0.9
• Framework - Spring Boot 3.2.1
• ORM - JPA(Hibernate)
• Dependency tool - gradle 8.5

Server

• Ubuntu 20.04 LTS
• NginX 1.18.0 (Ubuntu)
• Docker 25.0.0
• OpenVidu 2.29.0
• AWS S3

Database

• MySQL 8.0.34
• Redis 7.2.4

UI/UX

• Figma

IDE

• Intellij IDEA 2023.2.5
• WebStorm 2023.3.2

팀원 소개