TravelMaker

😊 여행에서의 추억들을 공유해보세요! + 포토카드까지!!!

👥 멤버

• Front-end: 홍유진
• Back-end: 남신욱, 박지완, 배지원
• [Front-End Github]

🗓 프로젝트 기간

• 2022년 3월 02일 ~ 2022년 6월 18일

🎞 프로젝트 발표영상 🎞

https://www.youtube.com/watch?v=9MgqoV3XX6w

⚙️ 기술 스택

Front-End

Back-End

☁️ 프로젝트 주요 기능

➀ 로그인

   1. 웹 자체의 기본 로그인 기능과 그 정보가 저장되는 DB관리

   2. 다양한 로그인 방법을 제공하는 소셜로그인 기능(카카오, 네이버)

   3. 수준 높은 정보보안을 위한 2차 이메일 인증 기능.

   4. 자신의 게시물을 관리하며 계정정보를 변경할 수 있는 계정관리 기능.

   5. 암호화 토큰을 사용한 비밀번호 암호화 구현

   6. Spring Security 라이브러리를 사용하여 로그인 구현.

➁ 포토카드 게시물

   1. 포토카드 게시물 템플릿 구현.

   2. 항목의 따른 다양한 포토카드 형식 제공.(여행지, 숙소, 맛집)

   3. 다시보고 싶은 다른유저의 포토카드 저장 기능.

➂ 포토카드 게시물 프린트

   1. 포토프린트 디바이스를 활용한 포토카드 출력 기능.

➃ 기타 편의 기능 (추후 예정)

   1. 관리자가 게시하는 공지사항 기능.

   2. 유저 간 정보 공유 및 소통을 위한 1대1 대화기능.

   3. 여행지 근처의 정보 검색을 위한 지도 검색 기능.

   4. 유저의 편의를 고려한 다크모드 지원.

🗓 프로젝트 소개 (서버가 없으므로... 사진으로 대체합니다!)

메인페이지

- 인기, 최신, 맛집, 가볼만한 곳, 숙소로 분할

- 총 5개의 포토카드 리스트

로그인

- 회원 자체 로그인, 소셜 로그인

- 아이디 저장, 로그인 유지와 같은 편의 기능 제공

- 입력한 이메일로 OTP코드 전송

포토카드 만들기

- 가볼만 한곳 , 숙소 , 맛집 선택 가능

- 카테고리 별 포토카드 형식 변화

- 포토카드 데이터 입력 후 업로드 버튼 클릭

- 위에서 만든 포토카드 목록 출력 확인

북마크 기능

- 북마크 추가 후 북마크 페이지 이동

- 북마크 한 포토카드 출력 확인

좋아요 기능

- 좋아요 하트를 클릭하면 숫자 카운팅

포토카드 게시물 검색 기능

- 인기 여행지 목록 제공

- 글자에 관련된 장소 목록 제공

- 키워드 제외 장소만 검색 했을 때

- 장소 검색 페이지

- 해수욕장 키워드 검색

- 해수욕장 태그가 붙어 있는 게시물 출력 확인

- 장소가 부산으로 설정되어 있고 태그에 해수욕장이 붙어 있는 게시물 출력 확인

포토카드 만들기

- 포토카드 프린트 기기로 포토카드 인쇄!