App creada para la Hackathon de Midudev https://twitch.tv/midudev
Para probar las notificaciones en la PWA -> Link
Características
- Pre-selección de ubicación usando los middleware de Next.js
- Selección de localización mediante búsqueda, ubicación y mapa
- Fondo dinámico basado en la hora actual
- Condiciones atmosféricas dinámicas
- Recorrido del sol y la luna "en tiempo real"
- PWA instalable
- Notificaciones cada 12 horas para mostrar la temperatura del día actual o el siguiente
- Condiciones de cada hora hasta el final del día
- Gráfica de la temperatura a lo largo del día hasta el final
- Previsión de los siguientes 2 días (limitado por la API)
- Iconos dinámicos (diferencia entre día y noche)
Tecnologías
- Next.js
- Rapid API (API del tiempo)
- Mapbox
- Google Maps (para buscar localizaciones y zonas horarias)
- Particle.js
- React Modal Sheet
- Framer motion
- Heroicons
- Apex charts
- PWA