Trip Share

The simple app used in Decode's on-boarding tutorial.

A modern, mobile-first trip planning web app with interactive maps, micro-itineraries, and lightweight social features.

✨ Features

• Discover Cities: Browse curated destinations with real-time search
• Interactive Maps: MapLibre GL JS with category filtering
• Itinerary Planning: Timeline-based trip organization
• Place Details: Rich information with bottom sheet modals
• Social Features: Share trips and track friend activity
• Dark Mode: Beautiful custom dark theme

🚀 Tech Stack

• React 19 + TypeScript
• Vite
• TailwindCSS v3
• Silk Bottom Sheets
• TanStack Router + Query
• Zustand
• MapLibre GL JS
• Framer Motion

📦 Getting Started

# Install dependencies
pnpm install

# Start dev server
pnpm dev

# Build for production
pnpm build

Visit http://localhost:5179 to see the app.

📱 Screens

1. Discover - Search and browse cities
2. Itinerary - View and manage trip timelines
3. Map - Interactive place exploration
4. Friends - Social features and sharing
5. Profile - User settings and saved places
6. City Detail - Deep dive into destinations

🎨 Design System

• Background: #0C0F14
• Surface: #11161C
• Accent Teal: #2ED3B7
• Accent Cyan: #22D3EE

📄 License

MIT