H2O Please
Aplicación Web (SPA) pensada para que los usuarios mejoren sus hábitos de hidratación.
Imprescindible
Tecnologías
- HTML 5
- CSS 3
- Responsive Design
- Mobile First
- JavaScript
El proyecto
H2O Please es una aplicación web diseñada para ayudar a los usuarios a mejorar sus hábitos de hidratación mediante el registro y seguimiento de su consumo diario de agua. La aplicación permite visualizar el progreso diario, consultar el historial de consumo y gestionar objetivos personalizados de hidratación.
El reto
El principal desafío consistía en desarrollar una experiencia sencilla e intuitiva que facilitara el seguimiento de la hidratación diaria sin necesidad de registros complejos ni servicios externos. Además, se buscaba enriquecer la experiencia del usuario incorporando información contextual relevante, como las condiciones meteorológicas.
La solución
Se desarrolló una aplicación frontend basada en HTML, CSS y JavaScript vanilla, con persistencia local mediante localStorage. La interfaz se organiza en diferentes vistas para consultar el consumo diario, revisar el historial y gestionar los datos personales del usuario.
Como valor añadido, se integró una tarjeta meteorológica capaz de obtener la ubicación del usuario y mostrar información del clima junto con recomendaciones de hidratación adaptadas a la temperatura prevista para el día.
Mi aportación
- Diseño de la experiencia de usuario (UX)
- Desarrollo frontend con HTML5, CSS3 y JavaScript
- Implementación de persistencia de datos mediante localStorage
- Desarrollo de la funcionalidad de seguimiento de hidratación
- Integración de APIs meteorológicas y geolocalización
- Implementación de modo oscuro y diseño responsive
Lo que aprendí
Este proyecto me permitió profundizar en el desarrollo de aplicaciones web con JavaScript vanilla, la gestión del estado en cliente y la integración de APIs externas.
