Skip to content

kylekim95/petner

Repository files navigation

Petner

main

프로젝트 개요

반려동물과 어디로 여행을 떠나야 할까? 실종된 동물을 찾으려면 어디에 신고해야 할까? 유기동물 정보는 어디서 볼 수 있을까? 이제 펫트너(Petner) 에서 한번에 해결하세요! 펫트너는 반려동물과 보호자를 위한 종합 웹 플랫폼으로, 전국 보호소의 유기동물 입양 정보를 제공하고, 실종된 반려동물을 빠르게 찾을 수 있도록 신고 게시판을 운영합니다. 또한, 봉사자들을 위한 보호소 정보와 봉사활동 안내는 물론, 반려동물과 함께하는 여행을 위한 숙박, 음식점, 축제, 액티비티 정보 및 맞춤형 여행 플래너 기능까지 지원합니다. 반려동물 보호자들이 필요로 하는 모든 서비스를 한곳에서! 펫트너와 함께 더욱 편리한 반려 생활을 시작해보세요. 🐾

프로젝트 기간

2025년 2월 13일 ~ 2025년 3월 12일

프로젝트 목표

  • 유기동물 입양률 증가
    • 반려동물 입양을 고려하는 사람들에게 입양 절차, 보호소 정보, 후기 제공
    • 유기동물 입양 후 원활한 정착과 돌봄 정보를 제공하여 파양률을 줄임
  • 반려동물 동반 여행 활성화
    • 반려동물 동반이 가능한 숙소, 레스토랑, 여행지, 레포츠 정보 제공
    • 사용자 후기를 통해 신뢰도 높은 정보 제공
  • 반려동물 커뮤니티 형성
    • 반려동물을 키우는 사람들이 서로 정보를 공유할 수 있는 커뮤니티 구축
    • 반려동물 실종 신고와 구조 정보를 한곳에서 관리할 커뮤니티 구축

팀원 소개 및 역할

김상엽
FE | 팀장
· 팀 리드 및 협업 관리
· 커뮤니티 / 인증 기능 API
· 라우팅
· HomeMain, LoginView, SignupView, TravelPlanner 페이지
· TravelMain 페이지 확장하는 메뉴 컴포넌트, MyPage 입양 신청서 표시 컴포넌트, TravelDetail 페이지 커뮤니티 반응 컴포넌트
신중석
FE | 팀원
· 여행 전체 조회 페이지, 커뮤니티 메인, 마이페이지 퍼블리싱
· 카테고리별 검색, 키워드 검색 기능, Tour API 조회 기능
최윤서
FE | 팀원
· 유기동물 조회 및 상세 페이지, 입양 신청서 페이지 퍼블리싱, 자유게시판 커뮤니티 CRUD
이정수
FE | 팀원
· 입양 메인 페이지, 보호소 조회 페이지, 실종신고 커뮤니티 CRUD
이석준
FE | 팀원
· 여행메인,여행 상세페이지, 게시판 좋아요 기능

기술 스택

HTML5 CSS3 Bootstrap JavaScript TypeScript Vue.js Vite

Postman Supabase

Git GitHub Notion Figma

폴더 구조

│   App.vue
│   main.ts
├───apis
│   │   supabase.ts
│   ├───adoption
│   ├───devcourse
│   │   ├───Auth
│   │   ├───Channel
│   │   ├───Comment
│   │   ├───Follow
│   │   ├───Like
│   │   ├───Message
│   │   ├───Notification
│   │   ├───Post
│   │   ├───Search
│   │   └───User
│   ├───shopping
│   └───tour
├───assets
├───components
│   ├───adoption
│   │   ├───detail
│   │   ├───main
│   │   └───shelter
│   ├───common
│   ├───community
│   ├───homeMain
│   │   └───atoms
│   ├───myPage
│   └───travel
│       ├───planner
│       └───travelDetail
├───composibles
│   ├───queries
│   └───tanstack-query
├───config
├───constants
│   ├───api
│   ├───mock
│   │   ├───community
│   │   └───travel
│   ├───pre
│   │   └───adoption
│   └───travel
├───hooks
├───router
│   │   index.ts
│   └───route
├───stores
│       auth.ts
│       facilitiesStore.ts
├───types
│   ├───devcourse
│   └───travelList
├───utils
│   └───travel
└───views
    │   HomeMain.vue
    │   NotFound.vue
    ├───adoption
    ├───auth
    ├───community
    └───travel

설치

Supabase 설정

농림축산식품부 국가동물보호정보시스템 구조동물 조회 API 데이터를 다음과 같은 형태로 저장 스크린샷 2025-03-12 10 16 27

.env 설정

VITE_KAKAO_MAP_KEY : https://apis.map.kakao.com/web/guide/
VITE_SHELTER_API_KEY : https://www.data.go.kr/data/15098915/openapi.do?recommendDataYn=Y
VITE_TOUR_API_KEY : https://api.visitkorea.or.kr/#/useOpenapiManual
VITE_SUPABASE_SERVICE_KEY : 위의 Supabase DB 서비스 키

요청 URL

VITE_API_BASE_URL=프로그래머스 데브코스 부트캠프에서 제공해주는 서버
VITE_TOUR_BASE_URL=http://apis.data.go.kr/B551011/KorPetTourService/
VITE_SUPABASE_BASE_URL=https://pminbfunypunoqmcfusd.supabase.co
VITE_SHELTER_BASE_URL=http://apis.data.go.kr/1543061/animalShelterSrvc
VITE_ADOPTION_BASE_URL=http://apis.data.go.kr/1543061/abandonmentPublicSrvc/

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5

Languages