GlobeTrek

• 

  Logo

• 

  Zoomed out example

Inspiration

Travel planning often feels fragmented — switching between chat tools, flight finders, maps, and reviews. I wanted to create an experience that lets you plan and visualize a trip all in one place. GlobeTrek was born from the idea of turning a simple text prompt into a complete, interactive travel plan powered by AI and real-world data.

What it does

GlobeTrek is an AI-powered travel assistant that understands natural-language trip requests using Gemini, finds flights, hotels, and nearby attractions through the Amadeus and Geoapify APIs, displays destinations on a live 3D Cesium globe, and speaks the plan aloud with ElevenLabs voice synthesis for an immersive, human-like experience.

All you have to do is lay out your travel plans and GlobeTrek instantly generates a personalized itinerary you can see and hear.

How we built it

Frontend: Built in Next.js (React + TypeScript) with Tailwind CSS for responsive UI

3D Visualization: Implemented a CesiumJS globe to render and animate destination flyovers

AI Processing: Powered by Gemini 2.5 Flash for parsing and reasoning about user prompts

APIs: Integrated Amadeus for flights/hotels and Geoapify for location and activity data

Voice Output: Used ElevenLabs Text-to-Speech API to generate natural spoken summaries

Challenges we ran into

Parsing user input from Gemini's JSON output required extensive cleanup. Cesium camera handling required a little manipulation to avoid clipping.

Accomplishments that we're proud of

Creating a fully autonomous AI travel planner that combines its output with the 3D globe to bring the travel itinerary to life.

What's next for GlobeTrek

Adding a trip history dashboard, gallery popups for destinations for a closer look, mobile integration for on-the-go planning.

Built With

• cesiumjs
• gemini
• javascript
• next.js
• react
• tailwind
• typescript