직관의 맛(여행 상품 판매 서비스)

React(Vite)를 활용한 프로젝트입니다.

🖱🖱<포트폴리오.pdf 다운>

1. Introduce Project

✨작업 기간: 2024. 05 ~ 2024. 07 (2개월)

✨인력 구성: 1명☝️

✨프로젝트 목적: 개인 프로젝트로 React 사용 경험 및 백엔드 서버 구현 능력 향상

✨프로젝트 내용

• 사용자가 여행을 위해 사이트에 접속하여, 회원가입과 로그인 및 후기 작성을 위한 기능 구현
• 여행 상품을 진열하고 상품을 클릭시 해당 상품의 상세페이지로 이동하여 정보를 전달
• 예약하기 페이지에서 정보를 입력하고 최종 예약하기 버튼을 클릭했을때 입력된 정보가 DB에 저장

✨주요 업무

• 서비스 기획부터 프론트엔드 기능 구현
• Koa 프레임워크를 활용한 백엔드 서버 구현
• MongoDB를 활용한 데이터 저장 및 관리(회원가입, 로그인, 글 작성)
• 각종 api를 활용한 카카오 로그인 및 결제 시스템 구현

✨사용언어 및 개발환경

• React.js, AWS, EC2, Koa, MongoDB

2. Detail of Project

2-1. /main (메인페이지)

default.mp4

2-2. /register (회원등록)

default.mp4

2-3. /login (로그인, 로그아웃, 카카오 로그인)

default.mp4

default.mp4

2-4. /content (상품 안내 페이지)

default.mp4

2-5. /detail (상품별 세부 내용)

default.mp4

2-6. /reservation (예약 및 결제)

default.mp4

2-7. /review (후기 페이지)

default.mp4

2-8. /write (후기 작성, 수정, 삭제)

default.mp4

default.mp4

2-9. /brand (브랜드 소개 페이지)

default.mp4

2-10. /customer (고객 문의 접수 페이지)

default.mp4

3. Future Improvements

3-1. 각종 SNS RESTful API와 연동하여 로그인 구현(완료👌)

3-2. 후기 작성간 첨부된 사진을 데이터베이스에 저장하여, 후기 페이지에서 썸네일로 출력(완료👌)

3-3. 예약하기 버튼 클릭시 모달 대신 결제시스템 API 연동(완료👌)

3-4. 관리자 페이지 구현을 통한 예약 및 문의사항 관리