Public Frontend (public-fo)¶
Audience: Travelers (B2C) · Dev port: 5173 · Stack: React 19 + Vite + TypeScript + Redux Toolkit + Tailwind · Purpose: the customer-facing booking application — experience browsing, the booking funnel, partner showcases, and checkout.
The Public Front Office is the traveller-facing app. It consumes the backend through the API Gateway (payment, file, CMS, notification) and renders marketing pages, the booking flow, and partner/service detail pages.
At a glance¶
| Property | Value |
|---|---|
| App directory | frontends/public-fo/ |
| Dev URL | http://localhost:5173 |
| Prod URL | https://portugalodyssey.pt (booking MVP; demoted to app. once web-presence takes the apex) |
| Audience | Travelers / customers (B2C) |
| Auth | Keycloak OIDC; JWT session handling |
Key flows¶
- Experience browsing & search —
/serviceswith sidebar filter (desktop) / drawer (mobile). - Partner & service detail —
/partner/<slug>and/partner/<slug>/services/<service-slug>. - Booking funnel — start-journey → trip → summary → checkout → return, with Stripe payment.
- Locale — EN/PT via toggle (no URL prefix).
Documentation¶
- Frontend Authentication — Keycloak/JWT wiring shared across the consoles.
- API Reference — the gateway surface the app calls.
- Architecture overview — where public-fo sits in the system.
See also¶
- Frontend Applications overview — all four frontends.
- Web Presence — the sibling brand site that fronts the apex.