🌙 room:in us

1. 서비스 소개

🚪 room:in us 홈페이지

💡 방탈출 카페를 영화처럼 쉽게 예약하고 즐길 순 없을까? 예약의 과정을 최대한 간소화하고 방탈출 카페를 즐기는 것에 집중할 수 있도록 만들기 위해서 room:in us가 탄생했습니다.

방탈출 카페는 쉽게 말해서 방탈출 게임의 오프라인 버전입니다. 추리/스릴러 위주였던 기존 방탈출 게임에 비해 방탈출 카페에선 누구나 즐길 수 있는 다양한 테마들을 선보이고 있습니다. 이용자 또한 마치 또 다른 세상 속에 들어가 ‘주인공이 된 나’로서 방탈출 카페를 즐기고 있습니다. 하지만 주인공이 되는 방법은 쉽지 않습니다. 원하는 테마를 정하고, 그 테마가 있는 홈페이지에 들어가서, 테마 예약이 열리는 시간을 확인 후, 예약할 때마다 정보를 입력해야 합니다. 방탈출 카페입장에서도 단순히 이름과 번호만을 받는 예약방식으로 노쇼(No-Show)에 취약합니다.

🌟 이용자들에겐 매장과 테마별로 쉽게 정보를 파악할 수 있고, 그 정보를 바탕으로 쉽게 예약할 수 있는 통합 예약 페이지를 제공합니다.

⛄️ 방탈출 카페 운영자들에겐 좀 더 확실한 예약 서비스를 제공합니다.

2. 팀원 소개

Frontend 손은채

• Works : PM Git ReservationPage MyPage MainPage CustomerPage Layout Responsive Css Touchup TouchUp on CustomerCentric Functions
• Contact :
  • Email: dev.eunchae@gmail.com
  • Github: https://github.com/dev-eun-chae
  • LinkedIn: https://www.linkedin.com/in/deveunchae/
  • Blog: https://velog.io/@dev_eunchae

Frontend 김지수

• Works : Notion Login/Logout Page SignUpPage FindId&PassWordPage MyPage MainPage Responsive Css Touchup
• Contact :
  • Email: cw3598rt@gmail.com
  • Github: https://github.com/cw3598rt
  • LinkedIn: https://www.linkedin.com/in/jisoo-k-b68127123/
  • Blog(TIL): https://cw3598rt.notion.site/463896b9b88542e8a9cc9ff4a9d60c8f
  • Blog(Project): https://cw3598rt.notion.site/066d4be9901c4b86ad8c0b66f07edda7

Frontend 신하니

• Works : Presentation(Speech) ThemePage LandingPage MainPage DesignTouchup Responsive Css Touchup
• Contact :
  • Email: hanieatingcarrot@gmail.com
  • Github: https://github.com/haneebunny
  • LinkedIn: https://www.linkedin.com/in/하니-신-91aa92246/
  • Blog: https://hani-honey.tistory.com/

Frontend 이영주

• Works : Presentation(Prep Document) CafePage CommunityPage MainPage ResponsiveCssTouchUp
• Contact :
  • Email: hmds1606@gmail.com
  • Github: https://github.com/hmds1606
  • LinkedIn: https://www.linkedin.com/in/영주-이-a1b848246/
  • Blog: https://velog.io/@hmds1606

3. 스택 소개

프론트 주요 스택

이름	버전
TypeScript	4.7.4
React	17.0.2
Next.js	12.2.0
emotion	11.9.3
apolloclient	3.6.9
recoii	0.7.4
graphql	16.5.0
Node	16.15
AWS	배포

4. 데이터 플로우

5. 서비스 시연

🗝 랜딩페이지

🗝 일반 로그인, 회원가입

🗝 소셜로그인, 회원가입

🗝 계정정보찾기

🗝 메인

🗝 매장

🗝 테마

🗝 예약

🗝 커뮤니티

🗝 마이페이지

6. .env

FIREBASE_API_KEY
FIREBASE_AUTH_DOMAIN
FIREBASE_PROJECT_ID
FIREBASE_STORAGE_BUCKET
FIREBASE_MESSAGING_SENDER_ID
FIREBASE_APP_ID

KAKAO_API_KEY

CLOUDINARY_UPLOAD_PRESET

EMAILJS_PUBLIC_KEY

IMP_KEY