Toribia

Inspiration

I have always been fascinated by how 3D games provide such an immersive, visceral experience. My goal was to bring that same level of "presence" to digital maps. Inspired by the Google Globe, Toribia is designed to transform location education and tourism into a tool for social good, helping people understand the history, culture, and environmental significance of our world through a lens of interactive exploration.

What it does

Toribia is an interactive 3D planetary explorer. Users can spin a high-fidelity globe to select any location on Earth. Once a place is chosen, the application triggers a context-aware AI assistant that provides a structured, scannable overview of that region. Whether it's the cotton-weaving history of Mooka, Japan, or the financial luck shrines of Tochigi, Toribia educates users on landmarks, local delicacies, and cultural traditions through an immersive chat interface.

How we built it

The project is built with Next.js and styled using Tailwind CSS for a clean, modern look. It features an interactive 3D globe for smooth exploration. AI responses are powered by a custom Server Action that delivers real-time, location-based information. React Context keeps location data synced, and react-markdown ensures responses are clear and easy to read.

Challenges we ran into

Setting up MapTiler but it works!

Accomplishments that we're proud of

The entire app of course!

What we learned

Integration of Gemini and MapTiler geocoding!

What's next for Toribia

Google search maybe? Well I first integrated a search api but noticed that gemini flash includes a google search api. Other plans is to include more markers, street views, and trivia sharing.

Built With

• gemini
• maptiler
• next.js