Sobre el Proyecto
Japan 2025 Trip es un producto personal que voy a usar en un viaje real: una PWA offline-first pensada para móvil, con información útil disponible incluso sin conexión.
No nació como demo técnica. Nació de una necesidad concreta: durante un viaje largo necesitaba itinerario, checklist, clima y recordatorios en una sola herramienta, rápida y confiable.
Características Principales
Qué problema resolvía
- Centralizar toda la logística del viaje en una única app realmente usable en móvil.
- Evitar depender de conexión constante durante desplazamientos.
- Reducir fricción operativa: menos pestañas, menos contexto perdido, menos decisiones repetidas.
- Resolver necesidades reales de viaje, incluyendo planificación sin gluten.
Qué decisiones de producto tomé
- Mobile-first desde el inicio: el uso principal ocurre caminando, en transporte o con conexión inestable.
- Offline-first: la app debía seguir siendo útil sin red para consultar itinerario, checklist y datos clave.
- Flujo operativo antes que estético: prioricé claridad de información, filtros y acciones rápidas.
- Contexto real de uso: añadí guía sin gluten y recordatorios porque eran necesidades críticas durante el viaje.
Qué construí
- PWA instalable con Service Worker y caché para uso sin conexión.
- Itinerario filtrable por ciudad y tipo de actividad.
- Checklist CRUD con persistencia local y estados claros.
- Integración de clima para consulta contextual en ruta.
- Notificaciones para hitos y recordatorios relevantes.
- Interfaz responsive optimizada para uso continuo en móvil, con lectura rápida y acciones directas.
- Content Collections con validación y tipado para mantener consistencia en los datos del itinerario.
- Gestión de estado reactiva en la checklist con SolidJS para interacciones fluidas sin sobrecargar la página.
- Persistencia local de checklist y preferencias para continuidad de uso entre sesiones.
- Filtros por ciudad, tipo de actividad y necesidades concretas para reducir tiempo de búsqueda en contexto real.
Decisiones técnicas destacadas
- Arquitectura Astro + islands para cargar JavaScript solo donde aporta interacción.
- SolidJS para componentes interactivos concretos sin penalizar el rendimiento general.
- Enfoque PWA offline-first para mantener utilidad durante el viaje.
- TypeScript + Content Collections para datos consistentes y mantenibles.
Impacto y aprendizaje
- Ya me sirve como herramienta real de planificación, no solo como proyecto de portfolio.
- Confirmé que performance y DX no son extras: son lo que permite iterar rápido sin sacrificar fiabilidad.
- Aprendí a priorizar decisiones por contexto de uso y utilidad diaria, no por novedad técnica.
Stack (soporte)
- Astro, SolidJS, Tailwind CSS y TypeScript.
- VitePWA para capacidades offline.
- OpenWeatherMap y OneSignal para contexto y recordatorios.
Datos del Proyecto
- Duración del viaje: 14 días (14-28 de agosto de 2025)
- Ciudades: Tokio, Kyoto, Osaka, Nara, Hiroshima
- Días del itinerario: 14 días completos + vuelos
- Restaurantes gluten-free: +30 listados y verificados
- Frases útiles en japonés: +50 con romaji
- Estado: ✅ Listo para el viaje (98% completado)