Wanderwonder

Wanderwonder: Plan every detail, follow every journey, and relive every adventure, all in one place.

Comment

Wanderwonder: A Local-First Travel Planning Companion

Inspiration

Travel planning has always been a strange mix of excitement and chaos.

A single trip can involve dozens of scattered pieces: flight confirmations, hotel bookings, attraction lists, restaurant ideas, budgets, packing reminders, and notes about places you do not want to forget. Most tools solve only one part of the problem: maps show locations, spreadsheets track costs, notes store ideas, and calendars manage time.

I wanted something different: a single, calm workspace that follows the journey from the first idea to the final departure.

Wanderwonder started from my own experience planning complex international trips. I wanted a tool that could answer simple questions:

  • What is happening each day?
  • How do my locations connect?
  • How much will this trip actually cost?
  • What still needs preparation?
  • How can I keep my personal travel data private?

The result is Wanderwonder: a local-first travel planning companion designed around the entire travel lifecycle.

What I Built

Wanderwonder combines planning, scheduling, mapping, budgeting, and preparation into one integrated experience.

🗺 Plan the journey

The Planning view organizes every part of a trip:

  • Flights, trains, stays, activities, and dining
  • Flexible itinerary editing
  • Drag-and-drop reordering
  • Moving items between days
  • View mode for calm browsing and Edit mode for detailed changes

The goal was to make complex itineraries feel like a story, not a spreadsheet.

📅 Understand the timeline

The Schedule view transforms plans into a travel journal:

  • Daily timeline views
  • Time-aware activities
  • Transport and accommodation context
  • Flexible plans that do not clutter the schedule

🌍 See the route

The Map view connects the itinerary geographically:

  • Structured locations
  • Route visualization
  • Coordinate-based markers
  • Location resolution workflow

💰 Understand spending

The Cost view provides a financial overview:

  • Planned vs. actual spending
  • Multi-currency support
  • Category analysis
  • Spending trends over time

🎒 Prepare before departure

The Preparation workspace manages:

  • Packing lists
  • Logistics tasks
  • Priorities
  • Readiness tracking

🔒 Keep control of personal data

Privacy was a core design principle.

Wanderwonder is local-first:

  • Trip data stays in the browser
  • No account required
  • No cloud database storing personal itineraries
  • Explicit backup and recovery workflows

Travel plans can contain sensitive information, so the user should remain in control.

How I Built It with ChatGPT and Codex

ChatGPT and Codex were not just coding assistants. They became part of the product development process.

I used them throughout the project to:

  • Explore product ideas and user workflows
  • Design data models and backward-compatible changes
  • Generate implementation plans
  • Refactor React and TypeScript components
  • Build domain helpers and validation logic
  • Create automated tests
  • Debug browser-specific issues
  • Review UX decisions and interaction patterns

Codex was especially valuable for iterative engineering. Instead of only generating code, it helped maintain a disciplined development loop:

  1. Define a user problem.
  2. Design the smallest safe change.
  3. Implement and test.
  4. Review edge cases.
  5. Refine the experience.

This approach allowed a large feature set to evolve while preserving data compatibility and privacy.

Challenges and Lessons Learned

Designing for complexity without creating complexity

A travel planner naturally accumulates information. The biggest UX challenge was deciding what users should see by default.

The solution was progressive disclosure:

  • Simple viewing by default
  • Advanced editing when needed
  • Clear separation between planning, scheduling, budgeting, and preparation

A powerful tool should not feel complicated.

Building local-first without sacrificing usability

Keeping everything local introduced challenges around:

  • Persistence
  • Backup and restore
  • Data validation
  • Schema evolution

The project taught me that privacy is not only a technical constraint; it is a product feature.

Turning AI assistance into a development workflow

Using AI effectively required more than asking for code. The most valuable workflow was collaborative:

  • Human defines intent and evaluates tradeoffs.
  • AI accelerates exploration, implementation, and testing.
  • Human makes final product decisions.

The result is not simply faster coding, but faster iteration.

What I Learned

Building Wanderwonder reinforced an important idea:

The future of software development is not humans versus AI. It is humans directing AI toward meaningful problems.

With ChatGPT and Codex, I was able to move quickly from an idea to a fully functioning product with:

  • A complete user workflow
  • Automated testing
  • Robust data handling
  • Thoughtful UX decisions
  • A polished demo experience

Wanderwonder is a small example of what becomes possible when AI tools are integrated into the entire creative and engineering process.

Demo Data

The demo uses a completely synthetic Vancouver → China discovery journey.

No personal travel data is included.

Built With

Share this project:

Updates

Submission history