Aplicación web desarrollada en React + Vite que permite consultar el clima actual de cualquier ciudad del mundo utilizando la API de OpenWeatherMap.
- Búsqueda de clima por nombre de ciudad.
- Detección automática de ciudad por IP al cargar la página.
- Visualización de temperatura, humedad, velocidad del viento, nubosidad y descripción del clima.
- Interfaz moderna y responsiva usando Material UI.
- Manejo profesional de errores y mensajes claros al usuario.
-
Clona el repositorio:
git clone <url-del-repositorio> cd Weather_app
-
Instala las dependencias:
npm install
-
Configura las variables de entorno:
- Crea un archivo
.env.localen la raíz del proyecto con el siguiente contenido:VITE_OPEN_WEATHER_API_KEY=tu_api_key_de_openweathermap VITE_IPINFO_TOKEN=tu_token_de_ipinfo
- Reemplaza los valores por tus claves reales.
- Crea un archivo
-
Inicia la aplicación:
npm run dev
- Ingresa el nombre de una ciudad y haz clic en "Buscar" para ver el clima actual.
- Al cargar la página, la app intentará detectar tu ciudad automáticamente.
- OpenWeatherMap para datos de clima.
- Material UI para componentes de interfaz.
Este proyecto es de uso educativo y libre para modificar y mejorar.