¿Lloverá? es una aplicación diseñada para proporcionar a los usuarios predicciones meteorológicas detalladas de manera visual y amigable. El proyecto utiliza tecnologías modernas para capturar la ubicación del usuario, obtener datos meteorológicos y presentarlos de forma clara e interactiva.
- HTML5 y CSS3 para la estructura y estilos de la aplicación.
- JavaScript para implementar las funcionalidades principales.
- WeatherAPI para obtener los datos meteorológicos actuales y el pronóstico a 8 horas.
- Geolocation API para capturar la ubicación del usuario (latitud y longitud).
- Detección de ubicación: La aplicación utiliza la geolocalización para identificar la ubicación del usuario y proporcionar datos específicos de su área.
- Pronóstico en tiempo real: Muestra la probabilidad de lluvia, el estado del clima actual y el pronóstico a 8 horas en el futuro.
- Diseño adaptable: Totalmente responsive para ofrecer una experiencia óptima en dispositivos móviles, tablets y pantallas más grandes.
- Estilo dinámico: Personalización visual según las condiciones meteorológicas actuales y futuras.
Nuestro equipo trabajó en estrecha colaboración para construir esta aplicación desde cero, dividiendo las tareas principales según nuestras áreas de especialización:
- Cristina (@CrisFilgueira): Diseñó la interfaz de usuario y desarrolló la funcionalidad para capturar datos del usuario, como la fecha, la hora y su ubicación (latitud y longitud). Esto se logró mediante la implementación del archivo
geolocation.js. - Julio (@JetroQuero): Creó la funcionalidad que conecta con la API de WeatherAPI. A través del módulo
meteo.js, se obtiene el clima actual y el pronóstico a 8 horas basado en las coordenadas proporcionadas. - Josep (@JosGalSol): Implementó la personalización visual de los resultados. Asoció las condiciones climáticas obtenidas con estilos dinámicos y trabajó en la maquetación HTML y los estilos de la página para mejorar la experiencia del usuario.
- Johnatan (@johnatanmoran): Integró y validó todas las partes del proyecto, asegurándose de que los módulos interactuaran correctamente. Además, realizó ajustes en las media queries para garantizar un diseño responsive y optimizó la comunicación entre los diferentes componentes.
- Accede a la aplicación desplegada aquí.
- Permite el acceso a la geolocalización para obtener datos específicos de tu ubicación.
- Visualiza el estado actual del tiempo, la probabilidad de lluvia y el pronóstico a 8 horas.
Este proyecto fue desarrollado como parte de un trabajo en equipo para el primer royecto Grupal GRUPO 2 de JSB41RT (A.K.A. Killer Panda) para el bootcamp de programación de Hack A Boss 2024. por:
- Cristina Filgueira @CrisFilgueira
- Julio Jetro @JetroQuero
- Johnatan Moran @johnatanmoran
- Josep Galan @JosGalSol
Como detalle adicional, desarrollamos un minijuego como parte de este proyecto: un panda que se enfurece porque no puede comer bambú. ¡Cada vez que el panda no logra comer, se enoja más y más! Este minijuego busca añadir un toque divertido y creativo al proyecto, mostrando la capacidad del equipo para integrar entretenimiento y funcionalidad.
Puedes jugar aquí.
Cualquier comentario o retroalimentación es bienvenido. ¡Gracias por visitar nuestro proyecto!