How nielsgrrr/clubmedclientv2 works
This Vue application supports resort discovery, account access, reservation creation, cart checkout and resort administration. The main customer journey is browsing destinations or offers, progressing through reservation steps, then reviewing and paying for pending reservations. The graph reflects routing and service calls visible in the supplied excerpts; reservation-step internals and several view implementations were not sampled, so their internal wiring is omitted.
Main entry points: index.ts Route guards · adminResorts.ts Resort state · auth.ts Authentication state · panierService.ts Cart and payment service
Components 27
Application shell
- Vue application
src/App.vue - Route guards
src/router/index.ts
Resort discovery
- Destinations
src/views/LocalisationList.vue - Offer listings
src/views/AnnoncesList.vue - Offer detail
src/views/AnnonceDetail.vue - Room types
src/views/TypeChambreList.vue - Club discovery
src/stores/useClubs.js - Location service
src/services/LocalisationService.js - Club and offer API
src/services/AnnonceService.js
Booking and payment
- Reservation steps
src/views/ReservationStep1.vue - Reservation service
src/services/reservationService.ts - Cart and bookings
src/views/PanierView.vue - Cart and payment service
src/services/panierService.ts - API client
src/services/api.ts
Accounts
- Login
src/views/LoginView.vue - Registration
src/views/RegisterView.vue - Customer profile
src/views/ProfileView.vue - Authentication state
src/stores/auth.ts
Resort administration
- Admin login
src/views/admin/AdminLoginView.vue - Resort dashboard
src/views/admin/DashboardResortsView.vue - Create resort
src/views/admin/ResortCreateView.vue - Edit resort
src/views/admin/ResortEditView.vue - Resort state
src/stores/adminResorts.ts - Resort API service
src/services/adminService.ts
Other components
- Customer
- Backend API
- Stripe checkout
Connections 34
- Customer → Vue application: uses
- Vue application → Route guards: renders routes
- Route guards → Destinations: dispatches
- Route guards → Offer listings: dispatches
- Route guards → Offer detail: dispatches
- Route guards → Room types: dispatches
- Route guards → Reservation steps: dispatches
- Route guards → Cart and bookings: dispatches
- Route guards → Login: dispatches
- Route guards → Registration: dispatches
- Route guards → Customer profile: dispatches
- Route guards → Admin login: dispatches
- Route guards → Resort dashboard: dispatches
- Route guards → Create resort: dispatches
- Route guards → Edit resort: dispatches
- Route guards → Authentication state: checks access
- Club discovery → Location service: loads locations
- Club discovery → Club and offer API: loads clubs
- Reservation steps → Reservation service: creates reservations
- Cart and bookings → Cart and payment service: manages cart
- Cart and payment service → API client: requests data
- Reservation service → API client: requests data
- API client → Backend API: sends requests
- Cart and payment service → Stripe checkout: creates checkout session
- Login → Authentication state: sets session
- Registration → Authentication state: sets session
- Customer profile → Authentication state: uses session
- Resort dashboard → Resort state: manages resorts
- Create resort → Resort state: creates resort
- Edit resort → Resort state: updates resort
- Edit resort → Resort API service: uploads photos
- Resort state → Resort API service: accesses resort API
- Resort API service → Backend API: sends requests
- Club and offer API → Backend API: sends requests