Skip to content
@baNaNa-project01

baNaNa

프로그래머스 AIBE1 no.1 FE 프로젝트

🍌 배나낭: 국내 여행자들을 위한 통합 커뮤니티 플랫폼


"국내 여행 정보를 한곳에서! AI 기반 맞춤 추천과 커뮤니티로 더욱 편리한 여행을 즐기세요."


랜딩 페이지 0 랜딩 페이지 0 랜딩 페이지 0 랜딩 페이지 1 랜딩 페이지 2 랜딩 페이지 3 랜딩 페이지 4 랜딩 페이지 5 랜딩 페이지 6 랜딩 페이지 7


👥 Team Members (팀원 소개)

역할 이름
PM (Project Manager) 여채현
Design 여채현
Web Development 여채현, 은나현
Server Development 송창욱, 은나현, 이태훈, 장정명

🚀 배포 링크

🔗 배나낭 웹사이트 바로가기


0. Getting Started (시작하기)

배나낭 프로젝트를 로컬에서 실행하려면 아래 단계를 따라 주세요.

# 프로젝트 클론
git clone https://github.com/your-repository.git

# 프로젝트 폴더로 이동
cd your-repository

# 패키지 설치
npm install

# 로컬 서버 실행
npm start

💡 로컬 서버 실행 후 http://localhost:3000 에서 확인 가능합니다.


1. Project Overview (프로젝트 개요)

✨ 배나낭이란?

배나낭은 국내 여행자들을 위한 여행 정보 통합 플랫폼입니다.
사용자는 관광지 정보, 맛집 추천, AI 기반 맞춤 여행 일정, 커뮤니티 소통 등을 한곳에서 이용할 수 있습니다.

📌 주요 기능

  • AI 여행 추천 – 원하는 조건을 입력하면 AI가 맞춤형 여행 루트를 추천
  • 관광지 정보 탐색 – 지도에서 지역별 여행지 & 맛집 정보 확인
  • 맛집 이상형 월드컵 – 게이미피케이션 요소를 활용한 맛집 선택
  • 커뮤니티 기능 – 여행 후기, 추천 장소 공유, 댓글 기능
  • 소셜 로그인 지원 – 카카오, 네이버, 구글 OAuth 연동


2. Key Features (주요 기능)

✅ 1) AI 여행 추천

  • 사용자의 지역, 기간, 동행인, 테마, 일정 스타일을 바탕으로 AI가 최적의 여행 루트를 생성
  • 추천된 경로는 지도에 마커로 표시되며 Day1, Day2 일정까지 자동 생성
  • 🚧 현재 개발 중 (Coming Soon!)

✅ 2) 지역별 관광지 & 맛집 정보

  • TourAPI + Kakao Maps API 연동
  • 지도에서 관광지, 맛집, 숙소 정보를 마커로 표시
  • 검색 및 필터 기능 지원

✅ 3) 맛집 이상형 월드컵

  • 여행지에서 무엇을 먹을지 고민될 때, 게이미피케이션을 활용한 선택 기능 제공
  • 월드컵 결과 TOP3를 메인에서 한눈에 확인 가능
  • 🚧 현재 개발 중 (Coming Soon!)

✅ 4) 커뮤니티 기능

  • 여행 후기, 맛집 추천, 꿀팁 등을 자유롭게 공유
  • 게시글 CRUD(작성, 수정, 삭제, 조회), 댓글 기능 지원
  • 🚧 현재 개발 중 (Coming Soon!)


3. Technology Stack (기술 스택)

🖥 Frontend

기술 배지
HTML5 HTML5
CSS3 CSS3
Vanilla JS JavaScript
Bootstrap Bootstrap

🔧 Backend

기술 배지
Flask Flask
Node.js Node.js
Express.js Express
Supabase Supabase
Google Gemini API Gemini
TourAPI TourAPI
Kakao Maps API Kakao

🚀 DevOps

기술 배지
Glitch Glitch
Render Render
GitHub Pages GitHub Pages

Pinned Loading

  1. baNaNa-frontend baNaNa-frontend Public

Repositories

Showing 6 of 6 repositories

Top languages

Loading…

Most used topics

Loading…