/MBTrip_mini-project

항해99 14조 미니프로젝트1 - MBTrip

Primary LanguageCSS

MBTrip 🛬

각자의 성향, 성격을 파악할 수 있는 MBTI별로 추천하는 서울 여행지

KakaoTalk_20220512_175629082

1. 제작 기간 & 팀원 소개 👨‍👩‍👧‍👧

  • 2022년 5월 9일 ~ 2022년 5월 12일 4인 1조 프로젝트
  • 김수정 : 상세 페이지, 사이드바
  • 김하얀 : 로그인, 회원가입
  • 이다희 : 메인 페이지
  • 홍수민 : 리뷰 쓰기

2. 사용 기술 🛠

  • 언어

  • 프레임워크

  • 데이터베이스

  • 호스팅

  • 협업

3. 실행화면 💻

  • 로그인 페이지

로그인 페이지

  • 메인 페이지

메인 페이지

  • 상세 페이지

상세페이지

🔍 MBTrip 사이트

🎥 MBTrip 시연영상

4. 핵심 기능 💡

로그인

  • JWT 방식으로 구현
  • 회원가입 버튼 클릭 시 회원가입 페이지로 변경

회원가입

  • 아이디 중복확인시 아이디 입력 여부, 형식, 중복 아이디 체크
  • 비밀번호 2번 입력으로 비밀번호 형식, 일치 여부 체크

메인 화면

  • MBTI 카드 클릭 시 MBTI 별 서울 여행지 추천 상세 및 리뷰 페이지로 이동

상세 화면

  • MBTI별 서울 추천 여행지 정보 구현
  • 다른 MBTI 페이지로 넘어갈 수 있는 사이드바 구현

리뷰 화면

  • 작성 하기 버튼 클릭 시, DB에 해당 리뷰 저장
  • jina2언어를 사용하여 리뷰에 로그인한 사용자의 이름을 보이는 기능 구현
  • 휴지통 아이콘 클릭 시, 리뷰 삭제 기능 : 작성한 아이디 데이터를 이용하여 포스트 삭제 기능
  • 하트 아이콘 클릭 시,리뷰 좋아요 기능 : db에 저장된 좋아요 수 증가, 어떤 포스터에 좋아요가 눌러졌는지 확인하는 기능