Proyecto React

Güeder

Güeder proporciona información meteorológica, niveles de polen y calidad del aire para cualquier ubicación.

Frontend
2026
Académico
Logotipo de Güeder Actualizable
  • React
  • JavaScript
  • Vite
  • CSS3
  • APIs
  • localStorage

Güeder es una aplicación web desarrollada en React que proporciona información meteorológica, niveles de polen y calidad del aire para cualquier ubicación. La aplicación detecta automáticamente la localización del usuario y adapta la información mostrada para ofrecer una experiencia personalizada y útil en el día a día.

El principal desafío consistía en integrar diferentes fuentes de datos externas dentro de una única interfaz clara e intuitiva. Además, era necesario gestionar la geolocalización del usuario, la persistencia de preferencias y la presentación de información compleja de forma accesible y fácil de consultar.

Se desarrolló una SPA en React basada en componentes reutilizables, capaz de combinar datos meteorológicos, información sobre polen y calidad del aire en tiempo real. La aplicación utiliza geolocalización y almacenamiento local para ofrecer una experiencia personalizada sin necesidad de registro.

La arquitectura modular permitió separar la lógica de negocio, la integración con APIs y la interfaz de usuario, facilitando el mantenimiento y la escalabilidad del proyecto.

  • Diseño UX/UI de la aplicación
  • Diseño visual y maquetación de la interfaz
  • Desarrollo del header y componentes de navegación
  • Diseño y creación de botones e iconografía
  • Definición de estilos y sistema visual
  • Colaboración en la integración y validación de la interfaz final

Este proyecto me permitió adquirir experiencia en el desarrollo colaborativo con React, el trabajo con metodologías ágiles y la organización de proyectos mediante GitHub y Jira. También reforcé mis conocimientos en diseño de interfaces, sistemas de componentes y colaboración multidisciplinar dentro de un equipo de desarrollo.

Capturas

¿Quieres verlo?

Demo en vivo Código en GitHub