💡 Cafe 좌석 예약 애플리케이션

프로젝트 기간 : 2022.10.04(화) ~ 2022.10.18(화)

Cafe는 실시간으로 카페 좌석을 예약하고 여석을 확인하는 애플리케이션

❓ 프로젝트 계획 이유

• 인기 카페, 점심 시간 등 자주 이용하는 시간대 이용 시 좌석 부족으로 인한 시간 낭비
• 카페 이용자들의 불편함을 줄이고 편리함 제공

📋 담당 업무

프론트엔드(100%) 백엔드(100%)

1. Cafe 좌석 생성
2. 실시간 좌석 예약 및 여석 확인
3. 좌석 예약 취소
   다른 사용자가 예약한 좌석은 취소 할 수 없도록 설정했습니다.
4. 실시간 서버 메시지 확인
5. WebSocket 서버 구축

🔗 실행 방법

• 프로그램 실행

$ npm install

$ npm start

명령어를 이용하여 프로그램을 실행한 후
가상디바이스 실행 또는 Expo App 설치 후 QR인식

• 서버 실행

$ node server.js

📚 사용 라이브러리

📁 개발 환경

🔨 기술 스택

👀 기능 설명

기능	APP 접속	좌석 예약	다른 사용자 좌석 예약
화면
설명	APP 접속 시 서버 메시지에 접속한 사용자 정보가 나타난다.	카페 좌석 예약 시 Alert창으로 예약 여부를 묻고 예약이 가능하다. 서버 메시지에 예약 정보가 나타난다.	다른 사용자가 카페 좌석 예약하는 것도 실시간으로 화면에 표시되는 것을 확인 할 수 있다. 서버 메시지에 다른 사용자의 예약 정보를 확인할 수 있다.

기능	다른 사용자 좌석 취소	좌석 취소
화면
설명	다른 사용자가 예약한 좌석 취소 시 본인이 예약한 좌석이 아니라는 Alert창이 뜨는 것을 확인 할 수 있다.	자신이 예약한 좌석만 취소할 수 있다. 서버 메시지에 예약 취소 정보가 나타난다.

📄 테스트 환경

• iOS simulator iPhone14 iOS 16.0