How sauwin/trip-planner-frontend works
This is a Vue travel-planning frontend: visitors discover destinations, express preferences and interactions, organize trips, track expenses, and review spending activity. The router selects views and protects authenticated routes; views own domain operations and call API modules, while the shared HTTP layer is represented as the transport boundary. Several feature views and API implementations were not sampled, so their capabilities are represented from the tree, but uncertain call wiring is omitted.
Main entry points: index.ts Route dispatcher · TripDetailView.vue Trip workspace · DestinationDetailView.vue Destination detail · LoginView.vue Login and registration
Components 22
Application shell
- Route dispatcher
src/router/index.ts - App shell
src/App.vue - Auth state
src/stores/auth.store.ts - Login and registration
src/views/login/pages/LoginView.vue
Destination discovery
- Home view
src/views/home/pages/HomeView.vue - Destination browse
src/views/destinations/pages/DestinationsView.vue - Feature filters
src/components/DestinationFilters.vue - Destination detail
src/views/destination-detail/pages/DestinationDetailView.vue - Recommendations
src/views/recommendations/pages/RecommendationsView.vue
Trip planning
- Trip list
src/views/trips/pages/TripsView.vue - Trip workspace
src/views/trip-detail/pages/TripDetailView.vue
Account and insights
- Spending dashboard
src/views/dashboard/pages/DashboardView.vue - Preferences
src/views/preferences/pages/PreferencesView.vue
API transport
- Destination API
src/api/destinations.api.ts - Interaction API
src/api/interactions.api.ts - Metadata API
src/api/meta.api.ts - Trip API
src/api/trips.api.ts - Expense API
src/api/expenses.api.ts - Authentication API
src/api/auth.api.ts - HTTP client
src/api/http.ts
Other components
- Traveler
- Backend service
Connections 23
- Traveler → Route dispatcher: opens pages
- Route dispatcher → App shell: renders route
- Route dispatcher → Auth state: checks access
- Route dispatcher → Home view: routes to
- Route dispatcher → Destination browse: routes to
- Route dispatcher → Destination detail: routes to
- Route dispatcher → Recommendations: routes to
- Route dispatcher → Trip list: routes to
- Route dispatcher → Trip workspace: routes to
- Route dispatcher → Spending dashboard: routes to
- Route dispatcher → Preferences: routes to
- Route dispatcher → Login and registration: routes to
- Destination browse → Feature filters: uses filters
- Feature filters → Metadata API: loads categories
- Destination detail → Destination API: loads destination
- Destination detail → Interaction API: records interactions
- Trip list → Trip API: lists and creates
- Trip workspace → Trip API: manages trip
- Trip workspace → Destination API: loads destinations
- Trip workspace → Expense API: manages expenses
- Login and registration → Authentication API: authenticates
- Authentication API → HTTP client: sends requests
- Backend service → HTTP client: serves responses