Code Monkey home page Code Monkey logo

roominus_client's Introduction

🌙 room:in us

1. 서비스 소개

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

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

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

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

2. 팀원 소개

팀원소개 001 팀원소개 002

Frontend 손은채

Frontend 김지수

Frontend 신하니

Frontend 이영주

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. 데이터 플로우

Flowchart

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

roominus_client's People

Contributors

cw3598rt avatar dev-eun-chae avatar haneebunny avatar hmds1606 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

roominus_client's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.