손님이 QR로 대기를 걸고, 자리가 나면 알림을 받아 돌아오는 매장 대기 관리 앱
‘MVP 기획’·‘AI 빌드 기획 패키지’·‘프로토타입 프롬프트’는 빌드 패키지 하나에 함께 들어갑니다 — 따로 결제하지 않습니다.
무엇을 만드나?
MVP 기획 · 베타 무료
PRD·기능정의·화면목록·DB·API 계약까지 — 이 자료로 저희가 먼저 만들어 확인시켜드리거나, 직접 개발에 바로 쓰실 수 있습니다.
샘플은 여기까지 공개합니다
파일 다운로드와 전문(全文) 복사는 실제 결과물에서만 제공됩니다. 내 아이디어를 입력하면 같은 형식의 결과물을 받아볼 수 있습니다.
식당·카페에서 대기 명단을 쉽게 관리해주는 QR 기반 웹 앱입니다. 손님은 매장 QR을 찍어 대기 순번을 등록하고, 대기 현황과 호출을 실시간으로 확인할 수 있습니다. 사장은 대기자 리스트를 모바일/PC로 관리하고, 호출·입장 안내를 클릭 한 번에 보낼 수 있습니다.
10~30석 소규모 식당·카페에서 대기 손님 관리를 쉽게 하는 QR 기반 웹 앱. 사장은 실시간으로 대기자 명단을 보고, 손님은 QR을 스캔해 대기 등록·진행 상황·호출 알림을 확인할 수 있습니다.
목표
비목표(1차 제외)
손님 대기 등록(매장 QR)
“식당·카페를 방문한 손님은 매장 QR코드를 스캔하여 자신의 이름, 인원수를 입력, 대기를 등록할 수 있다.”
대기자 리스트(사장용)
“사장은 현재 대기 중인 손님 리스트를 웹 앱에서 실시간 확인할 수 있다.”
대기 상태 확인(손님용)
“손님은 등록 후 자신이 몇 번째인지, 예상 대기 시간을 확인할 수 있다.”
순서 알림(호출/입장)
“사장은 대기 손님을 '호출' 상태로 변경, 손님은 즉시 알림을 받고 입장할 수 있다.”
매장 관리(사장 전용)
“사장은 자신의 매장 등록, 정보 수정, 대기 리스트를 매장별로 관리할 수 있다.”
권한 관리 및 인증
“사장과 손님 역할에 따라 화면과 접근 권한이 구분된다. 모든 데이터 쓰기는 인증된 사용자만 가능하다.”
손님 대기/조회·사장 대기자 관리 등 MVP 핵심 기능만 포함된 1.5~2.5개월 범위의 QR 기반 대기·호출 웹 앱 개발.
1단계 — 사용자 인증·매장 관리·기본 대기 등록
Firebase Auth 사장 로그인, 매장 생성/조회/편집, 손님 QR 대기 등록, Firestore 기본 읽기/쓰기 보안, 사장·손님 화면 분기
2단계 — 대기자 리스트/현황 및 호출 기능
실시간 대기 리스트(사장용), 손님 대기상태/순번 확인, 사장→손님 상태 변경(호출/입장완료), 알림(브라우저/푸시 또는 화면 내 토스트), Firestore 쿼리/실시간 업데이트 적용
3단계 — 정리, 디자인 개선, Firestore 규칙 마무리, QA
생성 화면 마감(UI/UX polish), 브라우저 내 알림/토스트와 모바일 대응, Firestore 권한 및 쓰기규칙 추가 점검, 버그 및 QA(품질점검)
견적 참고 · 앱 규모·범위는 MVP임을 가정(단일 매장·사장, 간단한 손님 정보, 복잡한 알림/푸시 미구현시 1~2인 개발 기준). 요구사항 변동, 브랜딩 디자인 적용, 권한 체계 복잡화에 따라 추가공수가 클 수 있음.
대기 등록 화면(손님) /wait/[storeId]/register
대기 등록 폼(name/party_size 입력) · 등록 완료 안내/상태 이동
상태: 폼 입력값(name/party_size), 등록 요청(loading), 등록 성공/오류
대기 상태 확인(손님) /wait/[storeId]/status/[waitingListId]
대기중 상태(순번/예상 남은 팀) · 현재 상태표시(status) · 호출알림 UI
상태: 대기 데이터(waitingList), 알림 수신(wait_called), 실시간 갱신
대기자 리스트(사장) /owner/store/[storeId]/waiting
대기자 테이블(이름/인원/상태/등록시각) · 호출/입장완료 버튼
상태: 대기 리스트, 상태 변경 요청(loading)
매장 관리(사장) /owner/store
매장 목록/추가폼 · 매장 정보 편집
상태: 매장 리스트, 매장 등록/수정 모드
사장 로그인/로그아웃 /owner/auth
이메일 로그인 폼 · 로그아웃
상태: 로그인 정보, 인증 중(loading)
알림 팝업/토스트(손님) - (공통 컴포넌트)
호출 알림 표시
상태: 알림 on/off
users
stores
waiting_lists
notifications
sessions
### API/서버액션 계약
| 메서드 | 경로 | 인증 | 입력(body/params) | 출력(성공/실패) |
|--------|----------------------|--------------|--------------------------------------------------------|---------------------------------------------------------------------------------|
| POST | /api/waiting/register | 사용자 | storeId, name, partySize | OK: { waitingId, position }, FAIL: { error } |
| GET | /api/waiting/status | 사용자 | storeId, waitingId | OK: { waitingId, position, status }, FAIL: { error } |
| GET | /api/waiting/list | 사장 | storeId | OK: { waitingList: [ {waitingId, name, partySize, position, status} ] } |
| POST | /api/waiting/notify | 사장 | storeId, waitingId | OK: { success: true }, FAIL: { error } |
| POST | /api/waiting/complete | 사장 | storeId, waitingId | OK: { success: true }, FAIL: { error } |
| POST | /api/auth/signup | - | email, password, role | OK: { userId }, FAIL: { error } |나머지 62줄은 실제 결과물에서 확인할 수 있습니다
- 인증/권한 관리는 Firebase Auth & Firestore Rules로 한정, 추후 확장 위해 구조화해 두되 MVP 범위 밖 상세 권한 분기 불가 - 메신저·실시간 채팅 미도입 확정(MVP 단순화)→ 불만 요소 있으나 가시성 높고 fail soft함 - 실시간 대기 현황은 onSnapshot/polling으로 MVP구현, Node.js/socket 미도입(운영상 scale 문제시 추후 리팩터) - Firestore 직접 쓰기 없이 반드시 서버액션 및 Rules로 role 다시 체크(종종 규칙오류로 사고 발생, 철저 이중 보호) - 푸시/웹 알림은 MVP에서 web notification까지만(FCM/앱푸시 아님), 브라우저 푸시 제한 감안한 안내 필수 - 결제/AI 추천 등 추가 요구는 데이터 구조상 hooks/comment 남겨 추후 확장만 고려 - 환경변수 관리 미흡시 config 노출사고 위험(최초 구성 및 배포 자동화 주의) - 빌드타겟/정적배포문제(Next.js와 Firebase Hosting 호환 반드시 빌드후 out/public 지정, 경로 헷갈림주의)
- [ ] 회원가입/로그인/로그아웃 절차 테스트(인증 정보 미입력/중복 등 예외 포함) - [ ] 손님 대기 등록(정상/비정상 입력값 테스트) - [ ] 손님 대기 현황 조회(정상/예외적 waitingId, storeId) - [ ] 사장용 대기자 리스트 조회/실시간 반영 - [ ] 사장이 손님 호출/알림(상태 변화, 알림 도달 테스트) - [ ] 사장이 대기 완료 처리(상태 변화, 리스트 반영) - [ ] 각 API 인증(토큰 O/X, role 위조) 테스트 - [ ] Firestore Security Rule 침투(권한 없는 조작 시도 차단 확인) - [ ] 브라우저에서 서비스 전반 흐름 E2E 시나리오 - [ ] 부적절/이상 데이터 입력 시 예외처리 및 에러 응답 테스트
M0프로젝트 구조 및 기본환경
M1DB 구조 & 보안정책 설정
M2UI 프리미티브 & 레이아웃
M3핵심 화면 스텁
핵심이 동작하는 결과물로 먼저 만들어 확인하실 수 있도록 검토해 드립니다. 검증된 전문가에게 직접 의뢰할 수도 있습니다.
이 자료로 저희가 먼저 만들어 확인시켜드리거나, 개발자에게 그대로 전달할 수 있습니다.