Skip to content

[2025 관광데이터 활용 공모전] 부산스럽다: 실시간 혼잡도 데이터를 기반으로 관광지·맛집·문화시설·축제 정보를 제공하는 부산 지역 특화 관광서비스

Notifications You must be signed in to change notification settings

BusanVibe/front

Repository files navigation

부산스럽다

실시간 혼잡도 데이터를 기반으로 관광지·맛집·문화시설·축제 정보를 제공하는 부산 지역 특화 관광서비스

이미지 2025  9  23  오전 11 19 (9)

2 3 4

이미지 2025  9  23  오전 11 19 (3)

5 6 7 8 9 10 11 12 13 14 15 9 16 17

🖥️ 시연 영상

시연 영상


🛠 기술 스택

분류 기술
Framework React Native 0.73
Language TypeScript
Navigation React Navigation (Stack, Bottom Tabs)
State Management Context API, AsyncStorage
Animation React Native Reanimated, Lottie
Real-time STOMP.js, SockJS (WebSocket)
Authentication Kakao OAuth, React Native Keychain
UI Components React Native SVG, Linear Gradient

📂 프로젝트 구조

src/
├── screens/           # 화면 컴포넌트
│   ├── HomeScreen.tsx           # 홈 화면
│   ├── CongestionScreen.tsx     # 혼잡도 화면
│   ├── BusanTalkScreen.tsx      # 실시간 채팅
│   ├── AttractionScreen.tsx     # 관광지 목록
│   ├── FestivalScreen.tsx       # 축제 정보
│   ├── PlaceDetailScreen.tsx    # 장소 상세
│   └── ...
├── components/        # 재사용 컴포넌트
│   ├── common/                  # 공통 UI
│   ├── home/                    # 홈 화면 전용
│   ├── map/                     # 지도 관련
│   └── KakaoLogin.tsx           # 카카오 로그인
├── contexts/          # Context API
│   ├── AuthContext.tsx          # 인증 상태
│   ├── LocationContext.tsx      # 위치 상태
│   ├── LikesContext.tsx         # 즐겨찾기 상태
│   └── ToastContext.tsx         # 토스트 알림
├── services/          # API 서비스
│   ├── authService.ts           # 인증 API
│   ├── chatSocket.ts            # WebSocket 연결
│   ├── placeService.ts          # 장소 API
│   └── ...
├── navigation/        # 네비게이션
├── types/             # TypeScript 타입 정의
├── utils/             # 유틸리티 함수
└── assets/            # 이미지, 아이콘

🏗 아키텍처

image

About

[2025 관광데이터 활용 공모전] 부산스럽다: 실시간 혼잡도 데이터를 기반으로 관광지·맛집·문화시설·축제 정보를 제공하는 부산 지역 특화 관광서비스

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •  

Languages