Skip to content

misafxd/weather-app

Repository files navigation

Weather App

¡Bienvenido Weather App! Esta es una aplicación web desarrollada con JavaScript, HTML, CSS y Webpack que te permite buscar el pronóstico del clima de cualquier ciudad. Obtén información detallada sobre el clima de ayer, hoy y los próximos 10 días. ¡Perfecta para planificar tus actividades!

Características

  • Búsqueda por ciudad: Ingresa el nombre de una ciudad para obtener el pronóstico del clima.
  • Pronóstico completo: Consulta el clima de ayer, hoy y los próximos 10 días.
  • Interfaz intuitiva: Diseño limpio y fácil de usar.
  • Responsive: La aplicación se adapta a diferentes dispositivos.

weather

Instalación

Sigue estos pasos para instalar y ejecutar el proyecto en tu máquina local.

Prerrequisitos

Pasos

  1. Clona el repositorio:
 git clone https://github.com/misafxd/weather-app.git
  1. Navega al directorio del proyecto:

      cd weather-app
  2. Instala las dependencias:

 npm install
  1. Compila el proyecto con Webpack:
   npm run build
  1. Inicia el servidor:
 npx webpack serve
  1. Abre el proyecto en tu navegador El proyecto estará disponible en http://localhost:8080 (o el puerto que se indique).

Estructura del Proyecto

  • src/: Contiene el código fuente del proyecto.
    • js/: Archivos JavaScript para la lógica de la aplicación.
    • css/: Archivos CSS para los estilos.
    • index.html: Página principal de la aplicación.
  • dist/: Carpeta generada por Webpack con los archivos compilados.
  • webpack.config.js: Configuración de Webpack.

Tecnologías Utilizadas

  • JavaScript: Lenguaje de programación para la lógica de la aplicación.
  • HTML: Para la estructura de la aplicación.
  • CSS: Para estilizar la aplicación.
  • Webpack: Empaquetador de módulos para compilar y optimizar el proyecto.
  • webpack-dev-server: Servidor de desarrollo para Webpack.