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_category
    • estimated_cost_category
    • Indoor/outdoor status
  • Interactive Builder: Drag-and-drop interface for easy scheduling
  • One-Click Export: PDF or .ics calendar 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

  1. 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
  2. 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

  1. APIs provide raw data - value comes from interpretation
  2. Sometimes the best feature is what you remove
  3. Modern browsers can handle complex client-side logic

Future Roadmap

  1. Premium Tier (RevenueCat integration)

    • Unlimited destinations
    • Cloud saves
    • HD PDF exports
  2. AI Enhancements:

    • Voice guides (ElevenLabs)
    • Video concierge (Tavus)
  3. Personalization:

    • Preference learning
    • Smart recommendations
  4. Community Features:

    • Itinerary sharing
    • Social integration

Built With

Share this project:

Updates