TripFlow

Un planificador de viajes asistido por IA que reúne todo el viaje en un solo lugar, con colaboración en tiempo real, mapas interactivos y acceso offline completo.

Dos móviles mostrando la app TripFlow: un panel con estadísticas del viaje y la pantalla de detalle de un itinerario por Japón.
01

El problema

Planificar un viaje obliga a hacer malabares con media docena de herramientas que no se hablan entre sí. El resultado: información dispersa, copiada a mano y desactualizada casi al instante.

01

La información vive dispersa entre buscadores, mapas, blogs y chats.

02

Nada está conectado: cada dato se copia a mano y queda desactualizado al instante.

03

En grupo se multiplica: preferencias distintas y cambios que se pierden.

02

Todo el viaje en un solo lugar

La mayoría de herramientas resuelven solo una parte del problema. TripFlow buscó cubrirlo entero (planificación temporal, IA, colaboración en tiempo real y offline) en un único producto.

MapsTripAdvisorRoamyWanderlogTripFlow
Planificación temporal
Colaboración en tiempo real Pago
Generación por IA
Soporte offline Parcial Pago
Multiplataforma
Modelo de uso Gratis Gratis Gratis Freemium Freemium
03

Características

Todo lo necesario para planificar un viaje, desde la primera idea hasta un itinerario compartible y disponible sin conexión.

04

Arquitectura distribuida

TripFlow es un sistema distribuido: una PWA en React habla con un conjunto de microservicios Spring Boot a través de un gateway, y esos servicios se coordinan de forma asíncrona mediante un bus de eventos Apache Kafka.

Cliente SPA / PWA React · Vite
Gateway Cloudflare · Traefik · HTTPS
Microservicios Spring Boot · Java 21
API PrincipalIANotificaciones
Bus de eventos · Apache Kafka
Persistencia PostgreSQL · H2
05

Decisiones técnicas clave

Un puñado de decisiones marcaron el proyecto más que el resto, en seguridad, IA, tiempo real y offline.

01

Autenticación JWT

Doble token JWT (acceso 15 min, refresco 30 días) en cookies HttpOnly para mitigar XSS.

02

IA asíncrona y segura

Filtrado de prompt injection a la entrada y sanitización del JSON generado a la salida.

03

Tiempo real

WebSocket + STOMP con validación del JWT en el propio handshake para autorizar los eventos.

04

PWA offline

Un service worker instala la app y permite consultar itinerarios sin conexión, durante el viaje.

06

Calidad y entrega

Construido con una cultura sólida de testing y automatización desde el primer día: cada cambio pasa por el mismo pipeline.

950+ tests automáticos 313 backend · 640 frontend · 8 suites E2E (Playwright)
67% cobertura de código medida en cada build
803+ commits en CI/CD build + tests antes de cada merge
100% despliegue automático VPS · Dokploy · Traefik · HTTPS
07

El recorrido

TripFlow fue mi Trabajo de Fin de Grado en la Universidad Rey Juan Carlos, calificado con 10/10, diseñado y desarrollado de principio a fin. Creció de forma iterativa en tres versiones, y cada una se entregó como una release funcional y desplegada, no un prototipo, desde el primer commit hasta la v1.0.0.

v0.1 MVP

Autenticación e itinerarios base.

v0.2 Inteligencia

IA, notificaciones y administración.

v1.0 Producto

Mapas, colaboración, enlaces, PWA y PDF.

Cada release, documentada desde el primer commit hasta la v1.0.0:

  1. sept 2025 Presentando TripFlow
  2. sept 2025 CI/CD y Testing en TripFlow
  3. nov 2025 TripFlow MVP Inicial
  4. feb 2026 TripFlow v0.2.0: IA y Microservicios
  5. abr 2026 TripFlow v1.0.0: Viajes colaborativos, mapas y acceso offline