Skip to content

Caquinterot/Weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

Aplicación web desarrollada en React + Vite que permite consultar el clima actual de cualquier ciudad del mundo utilizando la API de OpenWeatherMap.

Características

  • 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.

Instalación

  1. Clona el repositorio:

    git clone <url-del-repositorio>
    cd Weather_app
  2. Instala las dependencias:

    npm install
  3. Configura las variables de entorno:

    • Crea un archivo .env.local en 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.
  4. Inicia la aplicación:

    npm run dev

Uso

  • 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.

Créditos

Licencia

Este proyecto es de uso educativo y libre para modificar y mejorar.

About

Aplicación web en React + Vite para consultar el clima global. Usa OpenWeatherMap e IPinfo para mostrar datos meteorológicos con detección automática de ciudad, interfaz responsiva en Material UI y manejo seguro de variables de entorno.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors