🍞 BreadItNow (빵잇나우)

갓 구운 빵을 놓치지 마세요!
동네 빵집의 신선한 빵을 실시간으로 예약하고 알림받는 서비스

📖 서비스 소개

BreadItNow는 동네 빵집과 고객을 연결하는 빵 예약 플랫폼입니다. 고객은 원하는 빵이 언제 나오는지 실시간으로 확인하고 예약할 수 있으며, 빵집 사장님들은 효율적으로 재고를 관리하고 고객과 소통할 수 있습니다.

🎯 주요 기능

👥 고객용 기능

• 🔍 빵집 검색 & 탐색: 지역별 빵집 검색 및 인기 빵집 추천
• 📱 실시간 빵 정보: 빵 출시 시간, 재고 현황 실시간 확인
• ⏰ 스마트 알림: 좋아하는 빵이 나올 때 푸시 알림
• 📋 빵 예약: 원하는 빵을 미리 예약하여 확실하게 구매
• ⭐ 즐겨찾기: 자주 가는 빵집과 좋아하는 빵 저장
• 🔕 방해금지 모드: 원하는 시간대에 알림 차단 설정
• 📊 개인화 추천: 선호하는 빵 카테고리 기반 맞춤 추천

🏪 빵집 사장님용 기능

• 🏬 빵집 정보 관리: 빵집 기본 정보, 운영시간, 소개글 관리
• 🍞 메뉴 관리: 빵 종류별 등록, 가격 설정, 출시 시간 관리
• 📦 재고 관리: 실시간 재고 수량 업데이트 및 품절 처리
• 🔔 고객 알림: 신메뉴 출시, 특별 이벤트 알림 발송
• 📈 예약 현황: 고객 예약 내역 확인 및 관리
• ⏰ 운영 상태: 임시 휴업, 운영시간 변경 등 실시간 업데이트

🌟 핵심 가치

• 🕐 시간 절약: 빵집에 가서 품절을 확인할 필요 없음
• 📱 편리한 예약: 언제 어디서나 모바일로 간편 예약
• 🔔 놓치지 않는 알림: 원하는 빵이 나올 때 즉시 알림
• 🤝 상생 플랫폼: 고객과 빵집 모두에게 도움이 되는 서비스

🚀 주요 화면

고객 앱

• 홈 화면: 오늘의 빵, 핫한 빵 TOP 5, 인기 빵집 추천
• 빵집 상세: 빵집 정보, 메뉴, 실시간 재고, 예약 기능
• 검색: 지역별, 빵 종류별 검색 및 필터링
• 마이페이지: 예약 내역, 즐겨찾기, 알림 설정

빵집 사장님 앱

• 대시보드: 운영 상태, 오늘의 예약 현황
• 메뉴 관리: 빵 등록/수정, 재고 관리, 숨김 처리
• 예약 관리: 고객 예약 승인/거절, 픽업 완료 처리
• 알림 관리: 고객 대상 푸시 알림 발송

🛠 기술 스택

Frontend

• Framework: Next.js 15.1.6 (App Router)
• Language: TypeScript 5.0
• Styling: Tailwind CSS 3.4.1
• State Management: Zustand 5.0.3
• Data Fetching: TanStack Query 5.66.0
• Form Handling: React Hook Form 7.55.0
• Animation: Framer Motion 12.4.11

Development Tools

• Package Manager: Yarn
• Code Quality: ESLint, Prettier
• Git Hooks: Husky, lint-staged
• Testing: Vitest, Testing Library
• Mocking: MSW (Mock Service Worker)

External Services

• Push Notifications: Firebase Cloud Messaging
• PWA: Next-PWA
• Address Search: Daum Postcode API

📱 PWA 지원

BreadItNow는 Progressive Web App으로 제작되어 모바일 앱과 같은 경험을 제공합니다:

• 오프라인 지원: 네트워크 연결이 불안정해도 기본 기능 이용 가능
• 홈 화면 추가: 모바일 기기 홈 화면에 앱 아이콘 추가
• 푸시 알림: 네이티브 앱과 동일한 푸시 알림 기능
• 빠른 로딩: 서비스 워커를 통한 캐싱으로 빠른 로딩 속도

---

🍞 BreadItNow와 함께 매일 신선한 빵을 만나보세요!