🏕️ AIRCAMP : 캠핑장 예약과 판매를 자유롭게

---

캠핑장 예약&판매 웹 서비스 개발 프로젝트

• 개발 기간 : 23.04.28 - 23.05.25
• 프로젝트에 대한 문서는 깃허브 Wiki에 있습니다.
• 배포링크 : AIRCAMP
• 테스트 계정 : 하단 표 참조

구분	ID	PW
admin (어드민 권한)	[email protected]	test1234@A
seller (판매자 권한)	[email protected]	test1234@A
testUser (유저 권한)	[email protected]	test1234@A

서비스 소개

AIRCAMP는 캠핑장을 예약하고 결제할 수 있는 웹 서비스입니다.

AIRCAMP는 캠핑장을 예약하는 구매자와 캠핑장을 판매 및 등록하는 판매자가 존재합니다. 통합회원가입 후 판매자로 등록을 마치면 캠핑장 상품 등록 및 판매를 할 수 있는 권한이 부여됩니다.

서비스 기능 요약

• 상세 서비스 메뉴얼은 깃허브 Wiki에 있습니다.

기능	설명	진입방법
회원가입	- 일반 회원 가입 : 이메일 인증과정을 거쳐 일반 회원 가입이 가능합니다. - 소셜 회원 가입 : '카카오 로그인'클릭 시 카카오 계정으로 소셜 회원 가입이 가능합니다.	메인페이지 ⬇️ 우측상단 SignUp
로그인	- 일반 회원으로 로그인 : 일반회원으로 로그인이 가능합니다. - 소셜 회원으로 로그인 : '카카오 로그인'클릭 시 카카오 계정으로 소셜 로그인이 가능합니다.	메인페이지 ⬇️ 우측상단 Login
메인 페이지	- 등록되어있는 캠핑장의 목록을 조회할 수 있습니다.	메인페이지 진입시 노출
캠핑장 상세검색	- 상단 검색창에 마우스 커서를 위치하면 태그가 나타나고, 이를 클릭하여 해당 태그로 캠핑장 상세검색이 가능합니다.	메인페이지 상단 검색창
캠핑장 상세 페이지	- 캠핑장의 대표 이미지를 보여줍니다. - 카카오맵을 통해 캠핑장의 위치를 안내합니다. - 예약하고 싶은 날짜를 선택할 수 있습니다.	메인페이지 ⬇️ 원하는 캠핑장 카드 클릭
예약	- 원하는 날짜를 선택하고 예약하기 버튼을 누릅니다. - 예약자명, 이메일, 연락처를 입력하고 결제하기 버튼을 누릅니다.	캠핑장 상세페이지 ⬇️ 날짜선택, 예약하기 클릭 ⬇️ 주문자 정보 입력
결제	- 카카오페이로 결제하기 버튼을 누르면 카카오페이로 결제가 가능합니다.(개발자 테스트용 지갑으로 결제됩니다.)	예약페이지 ⬇️ 주문자 정보 입력, 결제하기 클릭
마이 페이지	- 개인정보 관리 버튼을 클릭하여 회원정보를 수정할 수 있습니다. - 예약관리 버튼을 클릭하여 본인이 예약한 캠핑장 내역을 확인할 수 있습니다. - 판매자 등록/수정 : 사업자번호와 날짜를 입력하면 판매자 계정으로 등록이 가능합니다. 판매자 계정 등록을 완료하면 캠핑장 상품을 등록할 수 있습니다.	메인페이지 ⬇️ 우측상단 Mypage
판매등록	- 판매자로 등록된 계정은 캠핑장 상품 등록이 가능합니다. - 캠핑장의 대표 이미지, 이름, 주소, 위치, 가격, 취소 기한, 수용인원, 소개글을 입력하여 캠핑장을 등록할 수 있습니다.	마이페이지 ⬇️ 판매자 등록/수정
리뷰	- 캠핑장의 상세페이지에서 리뷰를 작성하고 별점을 등록 할 수 있습니다. - 리뷰 중 내가 작성한 리뷰만 선별하여 볼 수 있습니다.	상품상세페이지 하단
AI와 채팅	- AI와 채팅을 할 수 있습니다.	메인페이지 우측하단 상담사 아이콘 ⬇️ 입력창에 내용 입력 ⬇️ 몇초 후 AI 답변 확인
회원탈퇴	- 회원탈퇴를 할 수 있습니다. - 탈퇴한 아이디(이메일)로는 다시 가입할 수 없습니다.	마이페이지 ⬇️ 개인정보관리 ⬇️ 회원탈퇴
관리자 페이지	- 관리자는 모든 유저의 정보를 조회할 수 있고 회원 삭제가 가능합니다. - 관리자는 모든 상품의 정보를 조회할 수 있고 상품 삭제가 가능합니다.	관리자는 AIRCAMP 사이트 도메인에 /admin 을 붙여서 관리자 페이지에 진입 할 수 있습니다.
다크모드	- 다크모드 전환 아이콘을 클릭하여 다크모드로 전환 할 수 있습니다. - AIRCAMP 사이트의 기본 설정은 LIGHT 모드 입니다.	메인페이지 좌측상단

🚪Team OS DOOR

• 안녕하세요 팀 OS DOOR 입니다.
• 팀 규칙에 대한 정보는 깃허브 Wiki에 있습니다.

주재민 (FE, FE팀장)	오준석 (FE)	김정환 (FE)	유한별 (BE, BE팀장)	조현우 (BE)	변상현 (BE)
@als982001	@JS2L	@wjdghksdigh	@exertivestar	@mikiehw	@SHyeonCoding
- Frontend	- Frontend	- Frontend	- Backend	- Backend	- Backend

기술 스택

🔨 Front-end

Html	JavaScript	React

• Redux: 4.2.1
• redux-persist: 6.0.0
• Axios: 1.4.0
• Framer Motion: 10.12.8
• React Hook Form: 7.43.9
• @emotion/styled: 11.10.8

⛏ Back-end

Java	mySQL	Rest	AWS	Spring	Spring Boot

• Java 11
• Spring FrameWork (Spring Boot, Spring MVC, Spring Security, Spring Data) version 2.7.11
• Gradle
• MySQL 8.0.32
• tomcat 9.0.74
• AWS EC2, RDS, S3
• Git, GitHub Actions