Aplicación de pronóstico del clima
Ver Demo
|
Reportar Bug
|
Solicitar Feature
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.
| Herramienta | Descripción | Versión |
|---|---|---|
| React | Biblioteca de JavaScript para construir las interfaces de usuario | 18.3.1 |
| Vite | Herramienta de Frontend para construir el proyecto | 5.4.10 |
| TypeScript | Lenguaje de programación fuertemente tipado para escribir código | 5.6.2 |
| Jest | Framework de testing para las pruebas unitarias | 29.7.0 |
| SonarQube | Plataforma para evaluar el código fuente | 10.5 |
| NPM | Administrador de paquetes para instalar las dependencias | 10.5.0 |
| Visual Studio Code | Editor de código para el proyecto | 1.95.1 |
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
.envcomo copia del archivo.env.templatee 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.
SonarQube >= 9.X
-
Inicie el servicio de SonarQube.
-
Edite la sección de configuración de Sonar en el archivo
sonar-project.propertiescon 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
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.