Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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)