Proyecto basado en el reto de roadmap.sh: Weather Web App
Una aplicación del clima moderna e interactiva construida con React y TypeScript. Permite a los usuarios buscar el clima actual de cualquier ciudad del mundo, mostrando datos como temperatura, humedad, velocidad del viento y una representación visual del estado del cielo.
Puedes ver la aplicación en vivo aquí: Weather App
- Búsqueda por ciudad: Encuentra el clima de cualquier ubicación usando el campo de búsqueda (Requisito principal del proyecto).
- Datos actuales: Muestra la temperatura actual, la sensación térmica, la humedad y la velocidad del viento.
- Fecha formateada: Presenta la fecha actual en un formato legible en español.
- Íconos dinámicos: La imagen (sol, luna, nubes, lluvia) cambia automáticamente según las condiciones climáticas reportadas por la API.
- Diseño responsivo: Interfaz centrada y adaptable, inspirada en las modernas tarjetas de clima.
- Carga inicial: Al cargar la página, muestra por defecto el clima de Matanzas, Cuba.
- React: Biblioteca principal para la construcción de la interfaz de usuario.
- TypeScript: Añade tipado estático para un código más robusto y fácil de mantener.
- Vite: Herramienta de construcción ultrarrápida para el entorno de desarrollo.
- Tailwind CSS: Framework de CSS utilitario para estilizar la aplicación de manera rápida y eficiente.
- Visual Crossing Weather API: Fuente de los datos meteorológicos (temperatura, viento, condiciones, etc.).
- Iconify: Para los íconos de la interfaz (búsqueda).
- GitHub Pages: Plataforma utilizada para desplegar y alojar la aplicación de forma gratuita.
Este proyecto está bajo la licencia MIT. Consulta el archivo LICENSE para más detalles.