Kairos

Kairos is a tourism and outdoor experiences agency. My work consisted of redesigning the website and creating an admin panel to manage both the site content and excursion bookings.

Each excursion contains detailed information about the route, the difficulty level, and what participants need to bring. It also includes an interactive map and a booking form.

To implement the interactive map for each tourist route, I used Leaflet. This library allows rendering interactive maps with coordinate-based markers. These coordinates are previously loaded from a .gpx file that the admin can upload when creating or editing an excursion.

The site contains information that generally does not change much, such as the details of each excursion, but it also includes components that display dynamic information, such as the excursion calendar and the booking form. Because of this, I opted for a hybrid rendering strategy combining SSG (Static Site Generation) and CSR (Client-Side Rendering).