TravelPlanner: Weather-Aware Itinerary Builder
Inspiration
Our inspiration came from a simple, universal frustration shared by travelers worldwide: having a perfectly planned trip ruined by unpredictable weather. We've all been there—booking an outdoor adventure only to be met with a week of rain, or planning a city tour during an unexpected heatwave.
Traditional travel tools are static; they act like simple to-do lists. They lack the intelligence to adapt to the most critical variable in any trip—the weather. We were inspired to create a tool that wasn't just a planner, but an intelligent companion that actively works to protect the user's travel experience.
What It Does
TravelPlanner is a "weather-aware" itinerary builder that empowers users to create resilient travel plans:
- Multi-Destination Planning: Create complex itineraries across multiple cities
- Weather-First Selection: View real-time forecasts before choosing activities
- Enriched Attraction Data: Powered by OpenTripMap API with custom classifications:
activity_categoryestimated_cost_category- Indoor/outdoor status
- Interactive Builder: Drag-and-drop interface for easy scheduling
- One-Click Export: PDF or
.icscalendar formats - Privacy-First: No registration required, all data stored locally
How We Built It
| Component | Technology Used |
|---|---|
| Framework | Vite + React 18 + TypeScript |
| Styling | Tailwind CSS |
| State Management | React Context API |
| Routing | React Router DOM |
| Drag-and-Drop | @dnd-kit |
| APIs | OpenTripMap + Weather API |
| Deployment | Netlify CDN |
Challenges & Solutions
Data Enrichment Challenge:
- Raw OpenTripMap API data lacked structure
- Solution: Built custom client-side engine (
realActivityData.ts) to:- Infer activity categories
- Estimate costs
- Determine indoor/outdoor status
User Experience Challenge:
- Initially planned cloud login system
- Pivot: Adopted privacy-first, no-registration model
- Result: Reduced friction while maintaining functionality
Key Achievements
✅ Data Enrichment Engine ("Secret Sauce")
✅ Interactive Itinerary UI with drag-and-drop
✅ Seamless User Flow from planning to export
✅ Practical Exports: PDF + iCalendar formats
Lessons Learned
- APIs provide raw data - value comes from interpretation
- Sometimes the best feature is what you remove
- Modern browsers can handle complex client-side logic
Future Roadmap
Premium Tier (RevenueCat integration)
- Unlimited destinations
- Cloud saves
- HD PDF exports
AI Enhancements:
- Voice guides (ElevenLabs)
- Video concierge (Tavus)
Personalization:
- Preference learning
- Smart recommendations
Community Features:
- Itinerary sharing
- Social integration
Built With
- bolt.new
- javascript
- node.js
- nominatim
- opentripmap
- react
- router
- tailwind
- typescript
- vite
- weatherapi
- wikipedia
Log in or sign up for Devpost to join the conversation.