Skip to content

Lftho/weather-app

Repository files navigation

WeatherApp

Neste ponto, tenho um aplicativo Angular totalmente funcional que exibe informações meteorológicas para uma cidade específica. O aplicativo consiste em um único componente angular que se comunica com a API OpenWeather usando um serviço Angular através de HTTP.

Aprendemos como estilizar nosso componente usando Angular Material e oferecer aos nossos usuários uma experiência agradável com nosso aplicativo.

PWA

Para uso do angular pwa, necessário acessar a pasta ```dist/weather-app``` e usar o comando npx serve. Com isso irá habilitar o "Install app - weather-app".

O uso do firebase Weather-App

Com isso todo o processo estará completo.

Resumo

Nesta etapa, foi construindo um aplicativo PWA que exibe informações meteorológicas para uma determinada cidade.

Inicialmente, configuramos a API OpenWeather para obter dados meteorológicos e criamos um aplicativo Angular do zero para integrá-lo. Aprendi como usar o cliente HTTP integrado da estrutura Angular para nos comunicarmos com a API OpenWeather. Também foi instalado a biblioteca Angular Material e usamos alguns dos componentes de IU prontos para nosso aplicativo.

Depois de criar o aplicativo Angular, apresentamos o service worker Angular e o habilitamos para trabalhar offline. Aprendemos como interagir com o service worker e fornecer notificações para atualizações em nosso aplicativo. Por fim, implantamos uma versão de produção de nosso aplicativo na hospedagem do Firebase e a instalamos localmente em nosso dispositivo.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors