Skip to content

Weather-App es una Web App para consultar el clima actual en diferentes ciudades del mundo.

Notifications You must be signed in to change notification settings

fabianbm15/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

91 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather-App

image

Descripción

Weather-App es un proyecto que tiene como objetivo mostrar el clima de diferentes ciudades. La aplicación permite a los usuarios buscar ciudades y ver detalles del clima actual, así como guardar ciudades como favoritas.

El proyecto se ha desarrollado utilizando tecnologías tanto en el frontend como en el backend.

Funcionalidades

  • Búsqueda de ciudades: Los usuarios podrán buscar ciudades por su nombre y obtener información sobre el clima actual de cada una.

  • Detalles del clima: Al seleccionar una ciudad, se mostrará información detallada sobre el clima, como la temperatura, la humedad, la velocidad del viento, etc.

  • Ciudades favoritas: Los usuarios podrán guardar ciudades como favoritas para acceder rápidamente a la información del clima de esas ubicaciones.

Demo

Puedes ver una demostración en vivo de la aplicación aquí: deploy

Tecnologías utilizadas

Frontend

  • TypeScript, HTML, CSS, React, Redux, Leaflet, MUI.

Backend

  • JavaScript, Node.js, Express.

Instalación y ejecución

A continuación, se detallan los pasos para la instalación y ejecución del proyecto:

  1. Clonar este repositorio: git clone https://github.com/fabianbm15/Weather-App.git

  2. Instalar las dependencias del frontend: cd client && npm install

  3. Instalar las dependencias del backend: cd api && npm install

  4. Ejecutar el backend: npm start

  5. Ejecutar el frontend: npm run dev

  6. Acceder a la aplicación a través de http://localhost:5173/ en el navegador.

Contribución

Si estás interesado en contribuir al proyecto, eres bienvenido a enviar pull requests. También puedes contactar al equipo de desarrollo para discutir nuevas funcionalidades o reportar problemas a través de las siguientes vías de contacto.

Equipo de desarrollo

  • Carlos Fabian Melgarejo Agudelo: GitHub