스크린샷

프로젝트 소개

반려견의 건강과 일상을 체계적으로 관리할 수 있는 웹 서비스입니다. React와 Firebase를 활용하여 개발했으며, 사용자 친화적인 UI/UX를 구현했습니다.

주요 기능

• 사용자 인증 시스템
  • Firebase Authentication을 활용한 이메일/비밀번호 로그인
  • Google OAuth를 통한 소셜 로그인 구현
• 데이터 관리
  • Firestore를 활용한 실시간 데이터베이스 구축
  • 반려견 프로필 및 건강 정보 CRUD 구현
• 캘린더 기능
  • React Calendar 라이브러리를 활용한 일정 관리
  • 산책 및 복약 기록 등록/수정/삭제
  • 날짜별 상세 기록 조회
• 산책 기록 시스템
  • 산책 시간 및 거리 측정
  • 산책 루트 기록
  • 산책 통계 데이터 시각화

기술 스택

• Frontend
  • React.js
  • React Router
  • Styled-components
  • React Calendar
• Backend & Database
  • Firebase Authentication
  • Cloud Firestore
  • Firebase Hosting

개발 과정

• 디자인 및 기획
  • Figma를 활용한 UI/UX 설계
  • 컴포넌트 단위의 디자인 시스템 구축
• 프론트엔드 개발
  • 반응형 웹 디자인 구현
  • 컴포넌트 재사용성 고려한 구조 설계
  • 사용자 경험 최적화
• 백엔드 연동
  • Firebase 서비스 연동
  • 실시간 데이터 동기화 구현
  • 보안 규칙 설정

성과

• 반려견 건강관리의 편의성 향상
• Firebase를 활용한 안정적인 서비스 구축
• 직관적인 UI/UX를 통한 사용자 경험 개선