TravelMate

Built an all-in-one AI travel app that plans trips, finds places & fuel, tracks budgets, stores offline photos, shows maps, and provides voice/text AI assistance for safer, smarter, cheaper travel.

Comment

TravelMate – Your AI Navigator for Safe, Smart, and Affordable Journeys

Theme: Finding Relevant Places
Tagline: Plan smarter. Travel safer. Spend wiser. Talk to your travel assistant.

About the Idea

TravelMate solves the problem of juggling multiple travel apps by providing a single intelligent platform for planning, navigation, budgeting, safety, and assistance.
It integrates trip planning, budget tracking, fuel finding, offline photo storage, maps, and an AI chatbot for a seamless travel experience.

Objectives

  • Deliver personalized recommendations (hotels, food, fuel, attractions)
  • Simplify day-wise trip planning
  • Enable budget-aware travel with expense tracking
  • Store offline photos linked to trips
  • Visualize trips using Mapbox maps
  • Navigate easily via Google Maps
  • Provide AI chatbot (text + voice) for real-time assistance

Implementation

Frontend (User Layer)

  • React Native + Expo (TypeScript) – Cross-platform mobile app
  • Expo Router & React Navigation – Multi-screen navigation
  • Custom Travel UI – Clean, user-friendly design
  • Expo Speech + react-native-voice – Voice input/output

Backend (Logic & Data Layer)

  • Supabase (PostgreSQL + Auth) – Trips, itineraries, budgets
  • Supabase RLS – Secure row-level access

APIs & Services (Integration Layer)

  • Foursquare Places API – Hotels, food, fuel discovery
  • Mapbox API – Interactive maps & visualization
  • Google Maps Directions URL – Real-time navigation
  • Gemini API – Conversational AI assistant
  • AsyncStorage – Offline-first photo storage

Deployment & Hosting

  • Expo Go – Development & testing
  • Supabase Hosting – Backend services
  • Vercel + CI/CD – Continuous deployment

Key Features

Trip Planning

  • Day-by-day itineraries
  • Auto-filled daily events (meals, stay)
  • Add places from Foursquare

Place Discovery

  • Nearby hotels, restaurants, attractions, fuel
  • Distance, category & address details
  • Mapbox visualization

Budget Tracking

  • In-app wallet
  • Expense history & balance overview

Photos & Memories

  • Capture/upload photos
  • Offline storage with AsyncStorage
  • Full gallery management

Fuel Finder

  • GPS-based nearby fuel stations
  • Mapbox display + Google Maps navigation

AI Chatbot (Text + Voice)

  • Powered by Gemini API
  • Trip planning, budget reminders, navigation help

Applications

  • Solo Travelers – Smart & budget-friendly trips
  • Group Travelers – Shared planning & fuel tracking
  • Families – Organized trips with memories
  • Business Travelers – Expense logging
  • Tourism Agencies – AI travel assistant
  • Emergency Planning – Route & fuel optimization

Hackathon Deliverables

  • Itinerary planning module
  • Wallet-based budget tracking
  • Foursquare-powered recommendations
  • Mapbox trip visualization
  • Fuel finder with navigation
  • Offline photo storage
  • AI chatbot (text + voice)

Future Enhancements

  • Weather alerts (OpenWeather API)
  • Hotel & flight booking
  • Multi-language chatbot
  • Calendar integration
  • AR/VR destination previews
  • Carbon footprint calculator
  • Offline GPS caching

API Usage

  • Foursquare Places API
    • GET /places/search
    • GET /places/{id}
  • Mapbox API – Maps & itineraries
  • Google Maps Directions URL – Navigation
  • Gemini API – AI chatbot
  • Supabase – Auth & data storage
  • AsyncStorage – Offline photos

Tech Stack

Frontend: React Native, Expo, Expo Router
Backend: Supabase (Postgres, Auth, Hosting)
APIs: Foursquare, Mapbox, Google Maps, Gemini
Storage: Supabase DB, AsyncStorage
Voice: Expo Speech, react-native-voice
Deployment: Expo Go, Supabase Hosting, Vercel

Resources

  • GitHub Repo: TravelMate
  • Demo Video: TravelMate (.mp4)
  • Presentation: TravelMate PPT (.pptx)

Built With

  • api
  • auth)
  • axios
  • ci/cd
  • expo.io
  • foursquare
  • gemini
  • google
  • location
  • maps
  • pipelines
  • places
  • react-native-(typescript)-expo-react-navigation-context-api-supabase-(postgresql
  • react-native-voice/voice
  • secure
  • speech
  • storage
Share this project:

Updates