🌍 Urban Explorer

✨ Inspiration

Urban Explorer was inspired by the desire to transform city exploration into an engaging, gamified experience. 🌆 We noticed that while many people live in cities with rich cultural heritage and hidden gems, they often stick to familiar routes and miss out on discovering unique locations. By combining modern 3D mapping technology with AI-powered recommendations and gamification elements, we aimed to create a more dynamic and personalized exploration experience. 🗺️🎮

🔍 What it does

Urban Explorer is an interactive platform that:

🌍 Provides immersive 3D visualization starting from a global view of Earth.
🤖 Uses AI to generate personalized tour recommendations and location insights.
🗺️ Helps users discover hidden gems through natural language search.
✏️ Creates custom tours manually or automatically through AI generation.
📆 Tracks yearly exploration progress with the Maps Unwrapped feature.
🏆 Gamifies exploration through points, achievements, and collectible gems.
🌟 Enables social sharing and competition through leaderboards.
📜 Offers AI-generated fun facts and historical information about locations.
🌐 Supports exploration in 50+ cities worldwide with photorealistic 3D mapping.

🛠️ How we built it

We built Urban Explorer using:

⚛️ React with TypeScript for the frontend framework.
🗺️ Google Maps Platform's Photorealistic 3D Maps for immersive visualization.
🤖 Google Gemini AI for intelligent content generation and tour planning.
🎨 Framer Motion for smooth animations and transitions.
🎨 Tailwind CSS for responsive design.
🐻 Zustand for state management.
🔄 React Query for data fetching.
🛤️ React Router for navigation.
✍️ React Hook Form for form handling.

🚧 Challenges we ran into

🌀 Implementing smooth camera transitions and controls in the 3D map.
⚡ Integrating AI-powered features while maintaining fast response times.
💬 Creating natural language processing for location search.
🤔 Developing an intelligent tour generation system.
⚖️ Balancing automated and manual tour creation features.
🖥️ Optimizing the performance of 3D map animations and transitions.
🎛️ Managing complex state for the yearly tracking system.

🏅 Accomplishments that we're proud of

🤖 Created an AI-powered tour generation system.
📆 Implemented a yearly exploration tracking feature (Maps Unwrapped).
💡 Developed natural language location search.
🎥 Built smooth camera controls for immersive 3D navigation.
🧠 Integrated AI-generated content for location insights.
🏆 Created an engaging points system with social features.
✏️ Implemented automatic and manual tour creation.

📚 What we learned

🗺️ Advanced techniques for working with Google Maps Platform's 3D capabilities.
🤝 Integration patterns for AI services in real-time applications.
⚡ Strategies for optimizing 3D map performance.
🧠 Best practices for building AI-enhanced location-based applications.
🎛️ Methods for handling complex state in timeline-based features.
🌟 Techniques for creating engaging user experiences with 3D maps.