Un dashboard meteorológico premium con escenas animadas, pronósticos detallados y un planificador de viajes que te recomienda qué llevar, qué hacer y a qué prestar atención en cada destino.
- Escena animada de fondo que cambia según la condición meteorológica y la hora del día (sol, lluvia, nubes, nieve, noche estrellada…).
- Pronóstico horario interactivo — selecciona cualquier hora para previsualizar las condiciones.
- Pronóstico semanal con máximas, mínimas, probabilidad de lluvia y viento.
- Métricas en tiempo real: sensación térmica, humedad, viento, presión, nubosidad, índice UV y calidad del aire (AQI).
- Búsqueda híbrida de ciudades, regiones, comunidades autónomas y países (Open-Meteo + Nominatim/OSM).
- Favoritos persistentes para acceder rápido a tus ubicaciones habituales.
- Multi-destino: añade varias ciudades y construye tu itinerario completo.
- Pronóstico por día y destino con tira deslizable horizontal.
- Recomendaciones inteligentes generadas a partir del clima previsto:
- 🎒 Packing pool — qué meter en la maleta.
- 🎯 Activities pool — qué hacer en cada destino según el tiempo.
⚠️ Warnings pool — alertas de calor, lluvia, viento, UV, etc.
- Modo de transporte (vuelo, coche, tren) que ajusta los consejos.
- Guardado de viajes con persistencia local y carga posterior.
- Prevención de duplicados y validación de coordenadas para evitar destinos repetidos.
- Tema oscuro elegante con tokens semánticos HSL.
- Tipografía Inter y jerarquía visual cuidada.
- Animaciones suaves, microinteracciones y feedback visual con toasts.
- Totalmente responsive (móvil, tablet, escritorio).
- Scroll horizontal "wheel-hijack" inteligente que libera la página al final del recorrido.
| Capa | Tecnología |
|---|---|
| Framework | React 18 + Vite 5 + TypeScript 5 |
| Estilos | Tailwind CSS 3 + tokens semánticos HSL |
| Componentes | shadcn/ui + Radix UI |
| Iconografía | lucide-react |
| Routing | React Router 6 |
| Estado | TanStack Query + hooks locales (useState, useReducer) |
| Fechas | date-fns (locale es) |
| Notificaciones | sonner + shadcn toast |
| Formularios | react-hook-form + zod |
| APIs | Open-Meteo (tiempo) + Nominatim/OSM (geocoding regional) |
| Tests | Vitest + Testing Library + jsdom |
| Servicio | Uso |
|---|---|
| Open-Meteo Forecast | Pronóstico actual, horario y diario |
| Open-Meteo Geocoding | Búsqueda de ciudades |
| Open-Meteo Air Quality | AQI europeo y contaminantes |
| Nominatim (OSM) | Búsqueda de regiones, estados y países |
Todas las APIs son gratuitas y sin clave, ideales para prototipado y producción ligera.
Hecho con ❤️ por Aisurf3r · React · Tailwind · Open-Meteo