CareConnect는 돌봄 선생님과 부모가 아이의 일상을 함께 관리할 수 있도록 도와주는 통합 플랫폼입니다.
🎯 이런 고민 있으셨나요?
- "아이가 오늘 어린이집에서 뭘 했을까?"
- "내일 투약해야 하는데 돌봄 선생님께 어떻게 전달하지?"
- "연장 보육이 필요한데 미리 말씀드려야 하는데..."
- "이번 주 식단은 어떻게 되지?"
CareConnect가 이 모든 걱정을 해결해드립니다! 💙
- 초대 코드로 돌봄 선생님과 부모를 쉽게 연결
- 여러 명의 돌봄 선생님과 동시 연결 가능
- 안전한 이메일 로그인으로 개인정보 보호
📚 기관 활동: 어린이집, 유치원, 학교 일정
🎨 하원 후 활동: 학원, 놀이 시간 등
⏰ 실시간 동기화: 변경사항 즉시 반영
📱 모바일 최적화: 언제 어디서나 확인 가능
- 주간 메뉴 계획 미리 확인
- 알레르기 정보 및 특이사항 공유
- 식사 준비 미리미리 계획
- 투약 정보 상세 기록 (증상, 약 종류, 용량, 시간)
- 투약 완료 체크 실시간 확인
- 보관 방법 명시로 안전 관리
- 당일 투약 현황 한눈에 파악
- 기본 근무 일정 설정 및 관리
- 연장 근무 요청 사전 협의
- 휴가 신청 간편하게
- 안내사항 실시간 공유
- 일일 메모 기능으로 당일 특이사항 공유
- 실시간 알림으로 놓치지 않는 소통
모든 정보를 단 하나의 화면에서 확인! 탭을 이리저리 눌러댈 필요가 없어요.
한 사람이 정보를 업데이트하면 모든 연결된 사용자에게 즉시 반영됩니다.
스마트폰에서 사용하기 편하도록 설계되었습니다. (데스크톱에서도 물론 완벽!)
- Firebase 기반 기업급 보안
- 연결된 사용자끼리만 정보 공유
- 개인정보 최소 수집 원칙
📧 이메일로 간편 회원가입
👤 사용자 유형 선택 (부모 or 돌봄 선생님)
✏️ 기본 프로필 설정
🎫 돌봄 선생님: 초대 코드 생성
🔗 부모: 초대 코드 입력하여 연결
👶 아이 정보 등록 및 공유
📅 주간 일정 확인 및 수정
🍽️ 식사 계획 공유
💊 투약 정보 등록
📝 일일 메모 작성
- ⚛️ React 19.1.0 + TypeScript
- 🎨 Tailwind CSS (유틸리티 우선 스타일링)
- 🌐 React Router DOM 7.6.2 (페이지 라우팅)
- 🔥 React Hot Toast (알림 시스템)
- 🔥 Firebase 10.8.0
- 🔐 Authentication (이메일/비밀번호)
- 📊 Firestore (실시간 NoSQL 데이터베이스)
- 📤 Cloud Messaging (푸시 알림)
- 🌐 Hosting (웹 호스팅)
- ⚡ Vite 6.2.0 (번들러)
src/
├── 🎨 components/ # UI 컴포넌트
│ ├── 🔐 AuthScreen.tsx # 로그인/회원가입
│ ├── 🏠 Dashboard.tsx # 메인 대시보드
│ ├── 📅 TopSection.tsx # 주간 일정 섹션
│ ├── 🍽️ MiddleSection.tsx # 식사/투약 섹션
│ ├── 🕐 BottomSection.tsx # 근무 관리 섹션
│ └── 📱 icons/ # 아이콘 컴포넌트
├── 🪝 hooks/ # Custom React Hooks
│ ├── 🔐 useAuth.tsx # 인증 관리
│ └── 📊 useData.ts # 데이터 관리
├── 🔧 services/ # Firebase 서비스
│ ├── 🔐 authService.ts # 인증 서비스
│ └── 📊 dataService.ts # 데이터 서비스
├── 📝 types.ts # TypeScript 타입 정의
├── 🔧 constants.ts # 상수 정의
├── 🔥 firebase.ts # Firebase 설정
└── 🚀 App.tsx # 메인 앱 컴포넌트
👥 users/ # 사용자 프로필
🔗 connections/ # 부모-돌봄선생님 연결 정보
🎫 inviteCodes/ # 초대 코드 관리
👶 children/ # 아이 정보
📅 weeklySchedules/ # 주간 일정
🍽️ mealPlans/ # 식사 계획
💊 medications/ # 투약 정보
⏰ specialSchedules/ # 특별 일정 (연장근무, 휴가, 안내)
🕐 workSchedules/ # 기본 근무 일정
📝 handoverNotes/ # 인수인계 메모
- Node.js 18+
- npm 또는 yarn
- Firebase 프로젝트
# 1. 프로젝트 클론
git clone [repository-url]
cd careconnect
# 2. 의존성 설치
npm install
# 3. 환경변수 설정
cp .env.local.example .env.local
# Firebase 설정 정보 입력
# 4. 개발 서버 실행
npm run dev# 타입 검사
npm run type-check
# 프로덕션 빌드
npm run build:prod
# 프로덕션 배포 (Firebase)
npm run deploy:prod- ✅ Firebase 기업급 보안 적용
- ✅ HTTPS 강제 적용
- ✅ 사용자 인증 기반 접근 제어
- ✅ 연결된 사용자 간에만 데이터 공유
- ✅ 최소 수집 원칙: 서비스에 꼭 필요한 정보만 수집
- ✅ 안전한 저장: Firebase 보안 규칙 적용
- ✅ 투명한 처리: 수집/이용 목적 명시
Firebase Blaze Plan 기준 예상 월 비용:
- 👥 100명 사용자: 약 8,000원
- 👥 1,000명 사용자: 약 25,000원
- 👥 5,000명 사용자: 약 92,000원
실제 비용은 사용량에 따라 달라질 수 있습니다.
- ✅ 이메일 주소가 정확한지 확인
- ✅ 비밀번호가 맞는지 확인
- ✅ 인터넷 연결 상태 확인
- ✅ 초대 코드를 정확히 입력했는지 확인
- ✅ 코드가 만료되지 않았는지 확인
- ✅ 이미 사용된 코드인지 확인
- ✅ 인터넷 연결 상태 확인
- ✅ 페이지 새로고침 시도
- ✅ 브라우저 캐시 삭제 후 재접속
- 📧 이메일: [기술지원 이메일 주소]
- 💬 채팅: [지원 채팅 링크]
- 🐛 GitHub Issues: [GitHub 이슈 링크]
- 📋 피드백 폼: [피드백 폼 링크]
- 📸 사진 공유: 아이의 일상 사진 공유 기능
- 📊 통계 대시보드: 성장 기록 및 활동 통계
- 🔔 스마트 알림: 맞춤형 푸시 알림 시스템
- 🎨 테마 커스터마이징: 개인화된 UI 테마
- 📱 모바일 앱: 네이티브 앱 출시
CareConnect는 실제 돌봄 현장의 목소리를 반영하여 지속적으로 개선되고 있습니다.
🙏 여러분의 피드백이 CareConnect를 더 좋게 만듭니다!