Imagen del proyecto

App del clima

Aplicación para consultar el clima en tiempo real.

Rol

Diseñador

Desarrollador

Fecha

Ene - 2026

Equipo

Jair Ochoa

Contexto

Las aplicaciones del clima son herramientas esenciales para planificar nuestro día a día y estar informados sobre el tiempo. Actualmente, las mejores aplicaciones suelen ser de pago o exclusivas de ciertos dispositivos. Las alternativas gratuitas y de código abierto, aunque accesibles para todos, no ofrecen la misma calidad ni experiencia de uso.

Este proyecto nace para resolver ese problema: crear una aplicación del clima abierta, gratuita y disponible en todas las plataformas, sin sacrificar la calidad ni la facilidad de uso.

La aplicación se encuentra disponible en producción en: Ver aplicación.

Investigación

Existen una gran cantidad de aplicaciones climáticas, los usuarios suelen preferir aquellas que ofrecen resultados más precisos. Valoran principalmente el correcto funcionamiento y la fiabilidad de los datos. Al mismo tiempo, consideran importante que estas aplicaciones sean fáciles de usar, cuenten con interfaces claras e intuitivas y presenten un estilo visual fácilmente reconocible.

Problema

Los usuarios necesitan una alternativa fiable y fácil de usar que funcione en cualquier dispositivo para consultar el clima, ya que las opciones existentes no siempre están disponibles o no ofrecen una experiencia de usuario adecuada.

Mockups

Para la aplicación se propone un estilo minimalista que evita elementos complicados o poco intuitivos, permitiendo que el usuario pueda identificar la información más relevante de manera fácil y clara.

Se estructuró el contenido en dos pantallas para que sea más ordenado: una para buscar y gestionar ciudades guardadas y otra dedicada exclusivamente a la información de la ciudad elegida.

Imagen de la pantalla principal. Imagen de la pantalla principal con datos ingresados. Imagen de la pantalla del clima. Imagen de la pantalla principal en formato Landscape. Imagen de la pantalla del clima en formato Landscape.

Desarrollo

Para la implementación de la aplicación, se optó por desarrollar una aplicación web utilizando React como framework principal. Como base del proyecto, se empleó Vite para la configuración y construcción del entorno de desarrollo. Adicionalmente, se integraron tecnologías complementarias como Zustand para la gestión del estado, React Router para el enrutamiento, y React Query para el manejo de las peticiones a la API.

La elección de estas tecnologías se fundamenta en que representan el estándar actual para el desarrollo de aplicaciones en React modernas, ofreciendo un ecosistema robusto y optimizado. Gracias a esta combinación de herramientas, fue posible materializar exitosamente este proyecto.

El código completo del proyecto es de acceso público y puede consultarse en GitHub

Aprendizajes

Este proyecto me permitió comprender más a fondo cómo se construyen aplicaciones reales y descubrir la variedad de tecnologías que existen para desarrollar soluciones de manera más rápida y eficiente. Aunque enfrenté dificultades al implementar estas tecnologías por ser nuevo en ellas, el acceso a su documentación fue fundamental para poder superarlas. Si bien logré crear un MVP funcional, reconozco que aún no alcanza la visión completa que tenía en mente inicialmente.

Por esta razón, planeo continuar actualizando el proyecto con nuevas funcionalidades: visualización de datos por periodos de tiempo, consulta de información de días futuros y la incorporación de métricas adicionales.

A largo plazo, también pretendo extender esta aplicación a dispositivos móviles y de escritorio utilizando una tecnología multiplataforma, específicamente Kotlin Multiplatform con Compose Multiplatform.

Gracias por leer.