Trip Planner

A no-framework trip planning tool. No npm, no bundler, no build step — just HTML, CSS, and vanilla JS deployed to Vercel in seconds. The entire itinerary — flights, hotels, day-by-day plans, and restaurant picks — is personalized from places I've already saved in Google Maps.

Google Maps Import — Personalized, Not Generic

The killer feature: bulk-import your Google Maps saved lists directly into the planner.

Google Maps lets you export your saved places and favorites as a JSON file. Drop that file into the trip planner and it automatically populates points of interest and restaurant suggestions for each destination — all drawn from places you personally bookmarked, not algorithmically generated filler.

Google Maps → Saved Places → Export JSON
  → Paste into trip planner
  → Points of interest auto-populate per city
  → Restaurants, cafes, attractions — all yours

This means the itinerary reflects real intent. If you've been saving ramen spots in Tokyo for two years, they show up. No random TripAdvisor top-10 that everyone else sees.

Why No Framework?

Deliberate constraint: build something genuinely useful with zero dependencies. No npm install, no build step, no bundler. Just HTML, CSS, and vanilla JavaScript — deployed to Vercel in seconds.

When you strip away the framework, you rediscover what the web platform already gives you for free: Fetch API, CSS Grid, CSS custom properties, template literals — modern vanilla JS is genuinely capable for personal tools.

Features

• Google Maps import — bulk-load your saved places and favorites per city
• Personalized POI and restaurant suggestions — your bookmarks, not generic lists
• Countdown timer — live days/hrs/min/sec until departure
• Day-by-day itinerary builder — per-city planning with activity cards
• Flight and hotel info per leg — departure times, confirmation refs
• Instant page loads — no JS bundle to parse

Stack