🚗 TravellerAI: Smart Road Trip Assistant
Inspiration
TravellerAI was inspired by my own experiences and challenges planning road trips across India.
As a solo developer and frequent traveler, I often found it difficult to:
- Discover the best food stops, fuel stations, and hotels along unfamiliar routes.
- Get real-time, actionable recommendations tailored to my travel style (family, speedy, relaxed).
- Plan trips that adapt to weather, vehicle needs, and personal preferences.
I wanted to build an assistant that not only solves these problems, but also makes road trips more enjoyable, safe, and memorable for everyone.
What I Learned
- Google Maps API: Deep integration for route planning, POI (Point of Interest) search, and real-time data.
- React & TypeScript: Building a scalable, maintainable, and responsive frontend.
- Smart Filtering: Aggregating, filtering, and ranking POIs for relevance and quality.
- AI Chatbot Integration: Creating a conversational interface that provides actionable, context-aware travel advice.
- Performance Optimization: Running multiple API calls in parallel, caching, and adaptive search strategies.
- User Experience: Designing for both mobile and desktop, and supporting dark/light themes.
- Full-Stack Ownership: Managing every aspect of the project, from architecture to deployment, as a solo developer.
How I Built It
🖥️ Frontend
- Built with React and TypeScript for type safety and modularity.
- Tailwind CSS for responsive, modern UI.
- React Context API and hooks for state management.
🧠 Smart POI Engine
- Uses Google Maps Places API to search for:
- Restaurants 🍛
- Cafes ☕
- Hotels 🏨
- Fuel Stations ⛽
- Restaurants 🍛
- Adaptive Search: Expands radius and relaxes filters when results are sparse.
- Ranking Logic:
- Relevance to route
- Review count
- Star rating
- Relevance to route
🤖 AI Chatbot
- Integrated with Together.ai, Cohere, and Hugging Face.
- Chatbot capabilities:
- “How many fuel stops will I need?”
- “Suggest cafés rated above 4.5 near my route.”
- “What's the fuel cost for my trip?”
- Returns route-specific, actionable results.
- No OpenAI dependency for full control & cost-efficiency.
🌤️ Weather Integration
- Uses OpenWeather API for:
- Route-based forecasts
- Rain prediction messages:
> "You might get stuck in rain at 3PM — stop early?"
- Route-based forecasts
🚙 Trip Summary
- Personalized based on:
- Vehicle mileage
- Tank capacity
- Fuel type (petrol/diesel)
- Shows:
- Number of fuel stops
- Estimated fuel usage
- Fuel cost using live rates
- Number of fuel stops
🌍 Other Features
- ✅ Dark & Light mode toggle
- ✅ Fully responsive for mobile
- ✅ IPFS support for saving & sharing trip plans
- ✅ Sleek, minimal, emoji-enhanced UI
😮 Challenges Faced
API Limitations
- Google Places API sometimes gave inconsistent results in rural areas.
- Solved via adaptive search radius and relaxed filters.
Performance
- Sequential API calls slowed things down.
- Fixed by parallelizing trip, weather, and POI requests.
Chatbot Relevance
- Initially chatbot gave general advice.
- Refined to link AI chat with map/POI context for precise answers.
Voice Input
- Removed voice feature for a more minimal UI and faster UX.
Solo Development
- Managed everything from code to UI/UX to deployment alone.
- Challenging but extremely rewarding.
📦 Tech Stack
| Tech | Purpose |
|---|---|
| React | Frontend Framework |
| TypeScript | Strong typing & scalability |
| Tailwind CSS | Responsive UI |
| Google Maps | Routes, POIs, and geo-coordinates |
| OpenWeather | Real-time weather data |
| Together.ai | Conversational logic |
| Cohere | Classification, embedding, summaries |
| HuggingFace | Text analysis |
| Firebase/IPFS | Login and data storage (planned) |
✅ Conclusion
TravellerAI is a smart, user-friendly, and powerful travel assistant built for India’s roads.
It’s a blend of:
- Real-time intelligence 🌤️
- AI conversations 🤖
- Smart route planning 🚗
- Modern UX 💻
Building this solo taught me invaluable lessons about engineering, design, and product thinking. I'm proud of the result and excited to share it with real travelers!
Built With
- api
- bolt
- cohere
- context
- css
- custom
- face
- framer
- git
- github
- hooks
- hot
- hugging
- ipfs
- javascript
- lucide
- maps
- module
- motion
- netlify
- node.js
- nodely
- npm
- openweathermap
- places
- react
- tailwind
- toast
- together.ai
- typescript
- utility
- vite
Log in or sign up for Devpost to join the conversation.