Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/normalhuman01/weather-app-angular
a weather forecast application using Angular and TypeScript, utilizing the Open Weather API
https://github.com/normalhuman01/weather-app-angular
Last synced: 17 days ago
JSON representation
a weather forecast application using Angular and TypeScript, utilizing the Open Weather API
- Host: GitHub
- URL: https://github.com/normalhuman01/weather-app-angular
- Owner: normalhuman01
- License: mit
- Created: 2023-12-14T16:49:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-14T16:54:15.000Z (about 1 year ago)
- Last Synced: 2023-12-14T17:57:38.739Z (about 1 year ago)
- Language: TypeScript
- Size: 567 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Previsión del Tiempo (API: Open Weather) con Angular y TypeScript
Comandos
***Instalación de Angular:***
```
npm install -g @angular/cli
```***Verificando las versiones:***
```
node -v
```
```
ng version
```***Creando el proyecto:***
```
ng new weather
```***Creando las páginas:***
```
ng g m pages/home
```
```
ng g m pages/bookmarks
```***Creando los componentes:***
```
ng g c pages/home --type page
```
```
ng g c pages/bookmarks --type page
```***Iniciando el Proyecto:***
```
ng s
```
```
http://localhost:4200/
```***Desactivar Advertencia:***
```
ng config -g cli.warnings.versionMismatch false
```***NGRX: Store***
```
ng add @ngrx/store
```
```
ng add @ngrx/store-devtools
```***NGRX: Effect***
```
ng add @ngrx/effects
```***Creando los componentes***
```
ng g c pages/home/components/current-weather
```
```
ng g c /shared/components/detailed-weather
```Enlaces
[API: OpenWeather - Claves](https://home.openweathermap.org/api_keys)
[jv-weather](https://github.com/JGhignatti/jv-weather)
[NGRX](https://ngrx.io/)
[NGRX: Store](ngrx.io/guide/store)
[Redux DevTools](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=pt-BR)