Aplicación web progresiva (PWA) desarrollada con React que consume la API de OpenWeather para obtener el pronóstico del clima de una determinada ubicación según su nombre, código postal o coordenadas de ubicación.
Para poner en funcionamiento una copia local de este repositorio, siga los siguientes pasos.
Obligatorio
NodeJS >= 16.X
NPM >= 8.X
Opcional
Git
Visual Studio Code
-
Obtenga una clave API gratuita en OpenWeather.
-
Descargue o clone este repositorio.
git clone https://github.com/misicode/Weather_App.git
-
Instale todos los paquetes NPM.
npm install
-
Cree el archivo
.env
como copia del archivo.env.template
e ingrese la clave de su API.# OPENWEATHER VITE_OPENWEATHER_API_KEY=your_openweather_api_key
-
Ejecute el proyecto en modo desarrollo.
npm run dev
Ejecute el siguiente comando para iniciar los tests unitarios y generar el reporte de cobertura.
npm run test:cov
Visualize los resultados del reporte de cobertura en la ruta ./coverage/lcov-report/index.html
.
![](https://private-user-images.githubusercontent.com/88341114/312711962-bf6801d3-7087-49ef-a485-ac7feafb9e71.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMzA0NjgsIm5iZiI6MTczOTMzMDE2OCwicGF0aCI6Ii84ODM0MTExNC8zMTI3MTE5NjItYmY2ODAxZDMtNzA4Ny00OWVmLWE0ODUtYWM3ZmVhZmI5ZTcxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDAzMTYwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJjYmU3NzhjZDkyMWRkNjMwNGFiZmNjMDhjYmQ1Y2JmYmM1M2ZjMDU5MjQyYjliYmE2M2E1MGZmMjA1OTg0OGEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.sNp2u5zmhEkMqZOOiVAqVejUN9Sxy4rvWzw7ejRlj7s)
SonarQube >= 9.X
-
Inicie el servicio de SonarQube.
-
Edite la sección de configuración de Sonar en el archivo
sonar-project.properties
con sus credenciales de acceso.# Sonar configuration sonar.host.url=http://localhost:9000/ sonar.login=admin sonar.password=Admin1
-
Ejecute el escaneo de Sonar.
npm run sonar
![](https://private-user-images.githubusercontent.com/88341114/332268056-b6e1d961-0665-4d10-836a-a065a1650726.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMzA0NjgsIm5iZiI6MTczOTMzMDE2OCwicGF0aCI6Ii84ODM0MTExNC8zMzIyNjgwNTYtYjZlMWQ5NjEtMDY2NS00ZDEwLTgzNmEtYTA2NWExNjUwNzI2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDAzMTYwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc2NTQ1YTRhZTY4MWYxNzM1MzE1MjBjOGYwYjU2NjgyZjc0ZTUyNmE0Y2YxZDFiODBkOTFmMDI2MDliOGQyNmMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.WaVnBA3zjYufWdGEACaRF7MldFRRylKrpfbXUPIRBws)
Distribuido bajo la licencia MIT. Consulte LICENSE.txt para obtener más información.
Desarrollado por Alessandra Mincia
La idea de este proyecto surgió como iniciativa del workshop "SheCodes React", de SheCodes.