Weather App
Diseño y desarrollo de una app del clima bilingüe donde toda la pantalla es el cielo en vivo de la ciudad, calculado con la posición real del sol, con una regla de 24 horas para recorrer el día.
Ir a la web (se abre en una pestaña nueva)- Rol
- Diseño + desarrollo
- Año
- 2026
- Servicios
- Diseño web, Desarrollo web
- Herramientas
- Figma, Next.js, React, TypeScript, Tailwind CSS
Sobre el proyecto
Weather App muestra el cielo de cualquier ciudad en este momento. El fondo sigue la altura real del sol, la nubosidad y la lluvia, y cambia de forma continua al recorrer el día con una regla de 24 horas que se puede arrastrar, usar con la rueda del mouse o con el teclado. Incluye búsqueda de ciudades con sugerencias, ubicación actual, URLs para compartir, español e inglés, y °C / °F.
Diseñé la interfaz en Figma y la desarrollé con Next.js, React, TypeScript y Tailwind CSS. Los datos de Open-Meteo se validan con Zod en el servidor, el texto elige un color claro u oscuro según el cielo para mantener el contraste WCAG AA, y la regla funciona con un control nativo accesible para lectores de pantalla. El proyecto tiene tests unitarios y end-to-end, y CI con GitHub Actions.
