💒 숙박 / 예약 서비스 만들기

패스트캠퍼스에서 미니프로젝트로 진행한 숙박예약 서비스입니다.

프로젝트 소개

💁 배포사이트 https://kdt-fe-mini-team2-2vcnp4qa9-subinsads-projects.vercel.app/

🖥️ 관리자계정 ID/PW : [email protected] / 1q2w3e4r!

🗓️ 프로젝트 기간 : 3/18 ~ 4/5

✨사용기술 : React.js / JavaScript / tailwind css / zustand

👩‍💻 팀원소개

박수빈	전유덕	김민재
ParkSuBin	JeonYooDeok	김민재
스타일가이드, 메인페이지, 상세페이지, 관리자페이지	스타일가이드, 검색리스트페이지, 공지사항페이지	스타일가이드, 결제페이지, 마이페이지, 장바구니, 로그인/로그아웃/회원가입

기능

1. 로그인 / 로그아웃 / 회원가입

• 로그인 기능 , 유효성 검증
• cookie에 JWT토큰 저장/삭제
• 비밀번호 보기/숨기기 기능
• 정규식을 이용헌 유효성 검증 / 로그인 disabled
• 가입된 이메일 검증

3. 메인페이지

• 날짜별(검색) 숙소 조회, 지역별 숙소 조회, 카테고리별 숙소 조회

4. 리스트페이지

• 날짜별(검색) 숙소 조회 / 카테고리별 리스트 조회 / 지역별 리스트 조회
  

5. 상세페이지

• 카카오맵을 이용한 숙소 위치 구현 / 로그인한 회원 객실 예약기능

6. 결제페이지 / 결제확인페이지

• 약관에 대한 유효성 검증 / 결제 기능 (실제 결제 로직 및 절차 없이 상품을 바로 주문) / 예약 완료 확인
  

7. 마이페이지

• 예약내역 조회 / 마이정보 조회/수정 기능
  

8. 공지사항 페이지

• 공지사항 CRUD

---

KDT 기간 개선 사항

• 장바구니기능
• 관리자계정으로 숙소 / 룸(글,사진) 등록 및 삭제
• 공지사항CRUD