프로젝트 소개

국내여행상품 판매 사이트

코로나의 종식이 조금씩 보이는 상황에서 국내 여행의 수요가 늘면서 여행판매 사이트의 필요성을 느끼게 되어 프로젝트를 진행하였습니다.

기획, 개발기간 2022.06.22 ~ 2022.07.20

기술스택

System Architecture

Nuxt.js - Spring boot (REST API 통신)

• Spring Boot(API Server), Gradle
• Oracle Cloud(RDBMS)
• Mybatis
• JWT(Login)
• Nuxt.js
• Bootstrap 5.x

Data Model

Frontend

https://github.com/panorama713/TeamProject_F

담당역할

• 기획, 개발 모두 참여
• 상단바 검색 기능 구현, 검색시 검색 페이지 모두 구현(프론트엔드, 백엔드)
• 메인페이지 모두 구현(프론트엔드, 백엔드), join을 이용한 사진 데이터 출력
• 상세페이지 모두 구현(프론트엔드, 백엔드) > kakaoMAP API 를 이용한 여행지 한눈에 보기 기능 구현
• 장바구니 페이지 모두 구현(프론트엔드, 백엔드) > join을 이용한 CRUD 구현
• 결제페이지 모두 구현(프론트엔드, 백엔드) > bootpay API 를 이용한 결제 기능 구현, join을 이용한 CRUD 구현

사이트 간략기능

상단바(검색기능 구현 참여)

• 여행상품, 여행정보, 게시판, 검색기능(상품명 검색), (로그인x)회원가입, 로그인, (로그인o)회원정보, 장바구니, 로그아웃

유저 관련 기능

• 회원가입

• 로그인, 아이디, 비밀번호 찾기

• 마이페이지 : 회원정보 확인 및 수정, 결제내역 확인

• 구매내역 : 취소신청, 상품리뷰작성

메인페이지

• 선택 검색 : 위치검색을 통한 판매상품 검색
• 판매 상품 나열 : 클릭시 제품 상세페이지로 이동함

여행상품

• 지역선택, 조회순, 리뷰많은순, 가격낮은순 정렬

제품 상세페이지

• 장바구니 추가, 결제페이지 이동

• 여행지 한눈에 보기 기능 : kakao api를 활용해 여행 상품 위치를 지도상에 표시
• 관련여행상품 추천 : 같은 위치의 상품을 나열

• 상품 리뷰

장바구니

• 여행인원(상품 quntity)수정 기능
• 장바구니 상품 삭제

결제

• Bootpay API를 이용해 결제 기능 구현
• 결제 완료한 상품 장바구니 삭제

자유게시판

• (로그인o)글쓰기, 글 수정 및 삭제, 댓글 작성, 댓글 수정 및 삭제
• 제목으로 검색, 글쓴이로 검색 기능