유튜브 정보 기반 맛집 지도 서비스

개발기간: 2023.09.04 ~ 2023.12.12

💻 배포 주소

배포 사이트

시현 영상 및 소개 자료

🙋🏻‍♀️ 팀원 소개

홍지섭	손재호	안치원	서화진	김성림
@jiseop121	@thswogh	@dh5252
· 팀장 · 아이디어 제안자 · 데이터베이스 구축 담당 · 기획 담당	· 프론트엔드 개발 담당	· 서버 개발 담당	· 웹 디자인 설계 담당	· 웹 디자인 설계 담당

💡 프로젝트 소개

• 유튜브 데이터 기반으로 맛집을 소개하는 유튜버를 선정한 뒤 유튜버들이 소개한 맛집들의 정보를 모아 지도 형식으로 제공하는 서비스입니다.
• 사용자들은 비디오 조회 수, 지역, 음식 카테고리와 같은 다양한 기준으로 맛집을 태그 형식으로 검색할 수 있어, 원하는 식당을 쉽게 찾을 수 있습니다.
• 사용자들은 방문한 맛집을 리스트에 추가하고, 친구들과 이를 공유할 수 있습니다. 또한, 맛집을 요청하거나 다른 사용자의 추천에 응답할 수 있는 시스템을 구축하여 사용자와 사용자간, 사용자와 개발자간의 소통을 도모합니다.
• 데이터베이스 코드를 오픈소스로 제공하여, 다른 개발자들이 손쉽게 유튜브 정보 기반의 지도 서비스를 개발할 수 있도록 기여했습니다.

📚 시작 가이드

Requirements

For building and running the application you need:
Back-end
front-end
database

• Front-end
  1. 브라우저 호환성:
     • Google Chrome, Firefox, Safari, 또는 Microsoft Edge와 호환되는 최신 버전의 브라우저.
  2. Node.js 및 패키지 매니저:
     • Node.js: React 애플리케이션을 실행하기 위한 Node.js 환경. (권장 버전: 확인 필요)
     • 패키지 매니저: npm 또는 yarn과 같은 패키지 매니저를 통한 필요한 라이브러리 및 의존성 관리.
• Back-end
  • jdk 11.0.21
  • spring boot 3.1.3
• database
  • python 3.9

Installation

DATABASE

1. create .env file

   YOUTUBE_API_KEY = {input your key}
   YOUTUBE_API_KEY_2 =  {input your key}
   KAKAO_RESTAPI_KEY =  {input your key}
   SERVICE_ACCOUNT_JSON_PATH =  {input your json file path}
   SQL_CONNECT_NAME = {input your cloud sql name}
   

2. open cli

   cd ~/database
   pip install -r requirements.txt
   python main.py
   

---

🐸 Stacks

Enviornment

Config

Development

Communication

---

📖 주요 기능

메인 페이지

• 태그 검색 기능
• 지도 내 재 검색 기능
• 식당 리스트에 추가 기능
• 식당 정보 카카오 맵 페이지 및 유튜브 영상 조회 기능

리스트 페이지

• 내 리스트 관리
• 친구 리스트 조회 및 내 리스트로 공유 기능

요청 페이지

• "기존에 존재하는 채널" 중 새롭게 추가하고 싶은 맛집 요청 기능
• 처리 상태로 등록 유무 확인 가능

건의사항 게시판 페이지

• 일반 게시판 페이지
  • 공지사항 기능
  • 기타 건의사항 기능
• 채널 요청 페이지
  • 등록되어있지 않은 채널 요청 기능
  • 운영자 답글로 확인

관리자 페이지

• 공지사항 등록 기능
• 요청에 대한 반려/승인 답변 기능
• 모든 글 삭제 권한

🖥️ 주요 화면

메인페이지	리스트페이지
요청페이지	건의사항페이지
관리자페이지1	관리자페이지2

🛠️ 시스템 아키텍처