Roadtrip Planner structure

Website/app tree.

The current public site is still mostly the landing page. This is the planned app structure we should build next.

Product routes

roadtrip.nomadstories.co
├── /                      Landing + current MVP widgets
│   ├── Hero / value proposition
│   ├── Real expense dashboard preview
│   ├── Supabase login + sync panel
│   └── Offline expense capture panel
├── /app                   Future logged-in app shell
│   ├── /app/dashboard     Shared trip overview
│   │   ├── Real total expenses in EUR
│   │   ├── Sync health and pending items
│   │   ├── Next bookings/actions
│   │   └── Timeline preview
│   ├── /app/itinerary     Road trip route planner
│   │   ├── Stops by day/country/city
│   │   ├── Accommodation / transport / activity bookings
│   │   ├── Booking status: booked / pending / missing
│   │   └── Map/timeline view
│   ├── /app/expenses      Budget and receipts
│   │   ├── Add expense offline-first
│   │   ├── Expense list + filters
│   │   ├── Currency conversion to EUR
│   │   ├── Categories and country/city summaries
│   │   └── CSV/XLSX export
│   ├── /app/documents     Receipts and reservations vault
│   │   ├── Upload image/PDF
│   │   ├── Attach to expense or booking
│   │   └── Review missing metadata
│   ├── /app/map           Route map and countries
│   ├── /app/settings      Trip, members, currency and sync settings
│   └── /app/feedback      Optional in-app bug report/admin board
├── /mockups               Visual mockups of the logged-in app
├── /design-directions     3 visual directions + 3 design systems
└── /structure             This structure tree

Current code structure

roadtrip-budget-planner/
├── src/
│   ├── app/
│   │   ├── page.tsx              current landing/MVP page
│   │   ├── mockups/page.tsx      visual mockups
│   │   ├── design-directions/page.tsx  3 design systems + mockups
│   │   ├── structure/page.tsx    website/app tree
│   │   ├── layout.tsx
│   │   └── globals.css
│   ├── components/
│   │   ├── auth-sync-panel.tsx
│   │   ├── dashboard-summary.tsx
│   │   └── offline-expense-panel.tsx
│   └── lib/
│       ├── auto-sync.ts
│       ├── dashboard.ts
│       ├── domain.ts
│       ├── local-db.ts
│       ├── offline-expenses.ts
│       ├── supabase.ts
│       ├── sync-expenses.ts
│       └── trips.ts
├── supabase/schema.sql
├── backlog.md
├── architecture.md
└── handoff.md

When can you use the app?

You can already use the current MVP for login, shared trip, and offline expense capture/sync. But the full app experience is not built yet: itinerary CRUD, bookings, documents, exports and the real app shell are still next implementation steps.

Open mockups