Safetrip AI

🌟 Inspiration While planning trips to unfamiliar cities, we realized something critical: most travel apps focus on directions and prices — but few truly prioritize safety or cultural comfort. As travelers from diverse backgrounds, we often found ourselves wondering:

"Is this area safe for me?"

That question inspired SafeTrip AI — an intelligent travel assistant designed not just to help you reach your destination, but to arrive safely, confidently, and comfortably.

✨ What It Does SafeTrip AI empowers travelers by combining map intelligence with cultural and safety context. Our platform offers:

• 🗺 Interactive Maps with real-time SafeZone overlays

• 🔎 Smart filters based on safety, budget, and comfort preferences

• 💬 A built-in AI chatbot for live travel advice and safety guidance

• 📍 Area Summaries with local insights to help users choose where to stay or visit

It’s like having a local guide, a safety officer, and a personal assistant — all in one.

🛠️ How We Built It

• Frontend: Next.js 14 with App Router + TypeScript

• Styling: TailwindCSS, PostCSS, responsive design, dark/light mode

APIs Integrated:

• Google Maps JavaScript API

• Google Places API

• Custom geo-overlays for safety mapping

• AI Companion: Context-aware chatbot with location-specific prompts

🧱 Challenges We Faced

• 📍 Mapping safety zones while keeping the UI minimal and clean

• 🤖 Designing a non-generic AI assistant that feels helpful, not intrusive

• ⚙️ Balancing performance and aesthetic design on complex map layers

• 🌐 Ensuring our interface remains inclusive across cultures and travel styles

🏅 Highlights We're Proud Of

• Integrated Google Maps with custom safety data in a seamless experience

• Built a beautiful, scalable UI with smooth filters and a dark mode

• Developed a real-world prototype usable by a diverse range of travelers

• Created a system that feels both useful and trustworthy

📚 What We Learned

• 🔧 Practical skills with Google Maps Platform and dynamic Places data

• ⚛️ How to structure modern apps using Next.js App Router

• 🎨 TailwindCSS for building accessible, responsive UIs

• 🧠 Merging AI + UX to create experiences that feel intuitive, not robotic

• 🌍 The importance of inclusive design in global travel tools

🚀 What’s Next

• 🔐 Integrating real-world crime stats and neighborhood reports

• 🌐 Multi-language and localization support

• ⭐️ Community-driven ratings for local safety and cultural comfort

• 📱 PWA and mobile deployment for on-the-go safety alerts

• 📢 Live “Travel Companion” mode with location-based AI notifications

Built With

• api
• css
• go
• javascript
• maps
• next.js
• postgresql
• react
• tailwind
• typescript