EscapeRoom

Why EscapeRoom ❓

자기가 좋아하는 것과 관련된 프로젝트를 하면 좋겠다는 지인의 말을 듣고 내가 좋아하는 방탈출을 예약하는 사이트를 구현해보고자 했고, 평소 좋아하는 비밀의화원을 참고하여 만들었다.

🚩 프로젝트 기간

2021년 10월 19일 ~ 11월 16일 (4주)

📕 사용 기술

• HTML
• CSS
• React
• styled-component
• datepicker
• Firebase
• kakao map API

💻 구현 페이지

• 메인 페이지

  • 소개 및 주의사항
  • 테마 프리뷰
    • 예약 버튼 클릭시 해당 테마 예약 페이지로 이동
  • kakao map API를 통한 지도
    
    

• 예약 페이지

  • 날짜 선택
  • 간단한 테마 설명 및 예약 가능 시간
    • 예약 가능할 때만 클릭시 예약 정보 입력 페이지로 이동

• 예약 정보 입력

  • 예약 정보 입력 폼

• 예약 확인/취소

  • 예약시 입력한 정보를 입력하여 예약 확인 및 취소 가능

🎥 시연 이미지

1. 메인 페이지

   

2. 예약 페이지

   

3. 예약 확인/취소

   

📄 호스팅 주소

• EscapeRoom