Proyecto · Desarrollador fullstack

Plataforma de servicios de pruebas de viajes

Plataforma full-stack de pruebas de salud para viajes con un backend CMS headless y un frontend renderizado del lado del servidor. Ayuda a los viajeros a encontrar y reservar pruebas de COVID-19 con orientación específica para cada aerolínea y aeropuerto.

Plataforma de servicios de pruebas de viajes
Stack tecnológico
Nuxt.jsVue.jsStrapiNode.jsBootstrap-VueVuexSCSSAxiosSQLiteNightwatch.jsPWA

Descripción general del proyecto

Una plataforma de cara al consumidor que ayuda a los viajeros internacionales a localizar y reservar las pruebas de salud requeridas. El sitio ofrece opciones de pruebas adaptadas para viajeros vacunados y no vacunados, con páginas dedicadas a las principales aerolíneas y aeropuertos, un catálogo de productos dinámico y un sistema de preguntas frecuentes integrado.

Características principales

  • Catálogo de productos dinámico con precios, descripciones y opciones de reserva gestionados a través de un CMS headless
  • Páginas de aterrizaje específicas por aerolínea y aeropuerto con orientación de pruebas personalizada
  • Renderizado del lado del servidor con caché a nivel de página para tiempos de carga rápidos
  • Autenticación de usuario basada en tokens con inicio de sesión y gestión de perfiles
  • Sistema de acordeón para preguntas frecuentes y guías paso a paso de "Cómo funciona"
  • Optimización SEO: mapa del sitio autogenerado, metaetiquetas y soporte para generación estática
  • Manifiesto PWA para una experiencia móvil instalable
  • Integración con Google Analytics, Google Tag Manager y Facebook Pixel
  • Banner de consentimiento de cookies conforme al RGPD
  • Diseño responsivo con Bootstrap-Vue y animaciones al desplazarse

Arquitectura

Monorepo con un backend CMS headless Strapi 4 que sirve contenido a través de una API REST y un frontend Nuxt.js 2 con renderizado del lado del servidor y gestión de estado con Vuex. El frontend consume la API del CMS mediante Axios, con carga diferida y caché de SSR para el rendimiento. Las pruebas de extremo a extremo se ejecutan con Nightwatch y ChromeDriver.

Contacto →