• 온 가족이 함께 살피는 강아지의 하루하루🐾

• 강아지 케어를 할 때 생길 수 있는 소통의 비효율을 줄이는 것이 목표입니다.

• 가족 구성원들이 날짜, 시간, 담당자, 메모 등을 포함한 강아지 스케줄을 캘린더에서 확인할 수 있습니다.

• 홈에서 주간 산책 횟수, 오늘 배변 횟수, 마지막 목욕 날짜, 마지막 건강검진 날짜 등의 레포트를 확인할 수 있습니다.

• 등록한 스케줄 설정에 따라 가족 구성원 모두에게 알림을 보내 확인할 수 있습니다.

FE 준미	FE 황혜명	BE 안세준
GitHub: junmieee blog: 블로그 링크	GitHub: CosmicLatte009 blog: 깃헙 블로그	GitHub: asjjun blog: 블로그 링크

[개발 환경]

• Front-End: Next.js, React-query, Recoil, Styled-components
• Back-End: Java 17, SpringBoot, Spring Security, Spring Data Jpa, Spring Scheduler, MariaDB, Redis

[배포 URL]

• URL: https://haru-puppy-frontend.vercel.app

• 프로젝트 회의 : 04.15(월) ~ 04.25(목)

  • 🔗API 문서, 기술스택 논의

• 기능구현 : 04.26(금) ~ 08.nn()

  • 🔗스프린트

• 스플래쉬, 로그인
• 스케줄 메인 페이지, 스케줄 체크 카드
• 홈페이지 레포트, 산책 횟수 랭킹

• 스케줄 생성, 수정, 삭제
• 회원가입, 초대 유저 회원가입, 내 프로필 수정
• 메이트 초대 기능

• 백엔드 서버 개발 및 배포

로그인	내 프로필	강아지 프로필	로그아웃
서비스 접속시 처음에 보이는 화면입니다.	카카오 OAuth로 로그인 및 회원가입할 수 있습니다. 초대 받은 유저의 경우 내 프로필만 입력하면 바로 회원가입됩니다.	유저 프로필에서 이미지, 닉네임, 역할을 입력할 수 있습니다.	강아지 프로필에서 이미지, 강아지 이름, 생일, 체중을 입력할 수 있습니다. 모두 입력하면 회원가입이 완료됩니다.

홈페이지	스케줄 캘린더	스케줄 TODO	스케줄 상세 조회
강아지 정보, 메이트 정보, 레포트, 주간 산책 랭킹을 확인할 수 있습니다. 오늘의 배변횟수를 기록할 수 있습니다.	캘린더를 월별, 주별로 볼 수 있고 스케줄 유무를 확인할 수 있습니다.	스케줄 TODO 카드에서 해야할 활동, 담당자, 시간 등을 확인하고 수정할 수 있습니다.	스케줄 TODO 카드를 클릭하면 해당 스케줄을 상세 조회할 수 있습니다.

새 스케줄 생성	단일 스케줄 수정	반복 스케줄 수정	스케줄 삭제
할 일, 담당자, 날짜, 시간, 반복, 알림, 메모 등을 입력하여 새 스케줄을 생성할 수 있습니다.	반복되지 않는 단일 스케줄의 경우에는 할 일, 날짜, 시간, 반복, 메모 항목을 변경할 수 있습니다.	반복 스케줄의 경우에는 이후 스케줄도 변경할지 혹은 해당 스케줄만 변경할지 선택할 수 있습니다.	스케줄 삭제가 가능합니다. 반복 스케줄의 경우에는 이후 스케줄도 삭제할지 혹은 해당 스케줄만 삭제할지 선택할 수 있습니다.

설정 페이지	내 프로필 수정	강아지 프로필 수정	메이트 초대 기능
설정 페이지에서 알림 토글, 로그아웃, 회원탈퇴 등의 기능을 확인할 수 있습니다.	내 프로필 수정을 할 수 있습니다.	강아지 프로필 수정을 할 수 있습니다.	강아지를 같이 케어할 메이트를 초대할 수 있습니다.

• 회원탈퇴 에러
• 알림 설정 토글 기능
• 알림 페이지 데이터 페칭
• 폼 처리 파트 리팩토링(react-hook-form, valibot 적용)
• Ariakit UI 라이브러리 도입하여 웹 접근성 향상

• SSR 서버사이드 렌더링과 CSR 구분하여 적용, 동적 라우팅
• 파괴적 변경을 방지하기 위한 헤드리스 컴포넌트 설계의 중요성
• 폼 처리 코드 효율적으로 개선

• 🔗노션 페이지
• 이슈와 풀리퀘에 필요한 경우 상세한 설명 달기.
• 구글 Meet로 주마다 정기적 회의