프로젝트 배경
1. 문제점 - 매장 고객 관리와 예약이 수기로 이루어져 누락 및 혼선 발생 - 혜택 적립/스탬프 카드가 오프라인 종이 기반이라 관리가 어려움 - 매장별 자체 시스템 부재로 예약 내역, 적립 내역 추적이 어려움 - 고객이 본인의 적립 상태나 예약 정보를 실시간으로 확인하기 어려움 2. 프로젝트 목표 - 예약과 적립 시스템을 통합한 소상공인용 플랫폼 구축 - 사용
프로젝트 성과
사용자/매장 자동 분기 로그인 및 인증 설명
Firebase Auth와 Firestore 연동으로 로그인 시 사용자 유형(store/consumer)을 자동 분기 처리하여 UX를 향상시킴
예약 확정 기능 도입 설명
관리자는 예약 내역을 실시간으로 확인하고 '확정' 버튼을 통해 사용자에게 예약 확정 알림을 제공 가능
QR 기반 쿠폰 생성 기능 설명
관리자 페이지에서 유효기간을 지정하여 쿠폰을 수동 발급하고, 이를 QR코드로 자동 변환해 고객이 스캔 가능
모바일 대응 및 반응형 설계 설명
모바일 중심의 반응형 UI를 구현하여 고객과 매장이 언제 어디서든 손쉽게 접근 가능하게 함
자동 로그아웃 및 보안 향상 설명
10분간 비활동 시 자동 로그아웃 기능을 구현하여 사용자 세션 보안을 강화함
핵심 기능
진행 단계
기획 (1주)
2025.04.
기능 구성 및 사용자 흐름도 작성
프로젝트 상세
1) 포트폴리오 소개 : - 소상공인을 위한 예약 및 스탬프 적립 플랫폼 개발 - Vue 3 및 Firebase 기반으로, 음식점·미용실 등 오프라인 매장을 이용하는 일반 고객과 소상공인 매장 운영자를 연결하는 모바일 예약 및 혜택 적립 중심 플랫폼 구축 2) 작업 범위 : 개발에 참여한 범위 및 지원환경 - 기획/화면 설계, Front-end 개발(Vue3 + Bootstrap5), UI/U







