TBAG

2024년 [트래블 이노베이션 아이디어 공모전] 대상 수상작 👑

야놀자리서치, 야놀자, 인터파크트리플 공동주최

소개

TBAG은 K-드라마, 영화, 아이돌 등의 팬들을 위한 여행 가이드 어플리케이션입니다. 한국을 방문하는 외국인 관광객들이 본인이 좋아하는 아이돌, 배우 또는 드라마 등 K-콘텐츠와 관련된 명소를 쉽게 찾고 즐길 수 있도록 다양한 정보를 제공합니다. 또한, 직접 여행 일정을 만들어 최단 시간으로 즐기는 최적 경로를 찾을 수 있습니다.

주요 기능

1. K-콘텐츠 여행지 지도

   • 드라마, 영화, 아이돌 촬영지 정보를 한눈에 볼 수 있는 종합 지도 제공
   • 사용자가 원하는 콘텐츠의 장소 위치를 확인하고 추가 정보 제공

2. 여행 경로 최적화

   • 사용자가 계획한 여행 일정에 따라 최적의 경로를 추천
   • 대중교통을 통한 최적 경로와 예상 시간을 제공하여 효율적인 여행 계획 지원

3. 언어 번역 서비스

   • 장소 정보와 콘텐츠 설명을 다양한 언어로 제공하여 언어 장벽 최소화

4. 콘텐츠 필터 및 검색

   • 아이돌, 드라마, 영화 등 다양한 필터를 통해 원하는 콘텐츠 검색 가능
   • 검색 결과와 관련된 장소 목록 제공

5. 여행 일정 관리

   • 여행 일정을 쉽게 생성하고 관리할 수 있는 기능 제공
   • 일정에 따라 추천 장소와 경로를 자동으로 생성

시작하기

메인 / 서비스 메뉴

지도

검색

콘텐츠

히스토리

여행일정 / 최적경로

프로젝트 기간

2024.05.01-2024.07.08

• 05.01-06.03 기획 및 디자인
• 06.04-07.08 개발

기술 스택

• Frontend

  • 개발 프레임워크: React 18
  • 라우팅: react-router-dom 6
  • 스타일링: TailwindCSS
  • 상태 관리: Zustand, React Query v5
  • 지도: Naver Maps API
  • 기타: Vite, axios, Storybook 8

• Backend

  • 서버 프레임워크: Spring Boot 2.7.10, Spring Data JPA
  • 데이터베이스: MySQL
  • 언어: Java 11
  • ETC: AWS, Redis, Kakao/Google OAuth
  • API: Google Places API, Google Map Distance Matrix API, TMDB API, Spotify API, DeepL Translation API

사용 데이터 및 API

• 촬영지 및 방문지 데이터

  • 한국관광공사 미디어콘텐츠 영상 촬영지 데이터
  • Google Places API

• 드라마/영화 데이터

  • TMDB API를 통한 드라마, 영화, 배우, 캐릭터 정보 수집

• 아티스트 데이터

  • Spotify API를 통한 아티스트 정보
  • 네이버 인물 정보 크롤링

• 번역 데이터

  • DeepL Translation API와 Google Translation Library를 이용한 다국어 처리

• 경로 데이터

  • Google Map Distance Matrix API를 통한 최적 경로 정보

Preview

소셜 로그인 및 회원가입	메인 바텀시트	장소 상세 바텀시트
지도 및 마커 필터	연예인 검색	장소 검색
콘텐츠 및 상세 정보	히스토리	여행 일정
여행 경로 최적화	콘텐츠 필터
언어 선택 및 국제화	다른 국제화 적용 모습