Aplicativo desenvolvido utilizando React Native, para exibir dados metereológicos
a partir da localização do usuário.
Esse permite acesso a localização no device
e são exibidas as informações do clima tempo em tempo real para consulta.
E opção de atualizar a localização refletindo os novos dados na tela de consulta.
✔️ Buscar dados de geolocalização (latitude, longite) a partir da permissão do usuário para consulta da localização.
✔️ Exibir dados meterológicos em tempo real a partir da localização do device do usuário.
✔️ Atualizar dados meterológicos em tempo real a partir da localização do device do usuário.
É necessário ter o node instalado para a execução do aplicativo. Você pode instala-lo aqui: Node
É necessário ter o Android Studio instalado para a execução o aplicativo em um emulador ou dispositivo físico.
Você pode instala-lo aqui: Android Studio
- PORÉM A INSTALAÇÃO DO ANDROID STUDIO DEVE SER FEITA APÓS AS INSTALAÇÕES DAS DEPENDÊNCIAS SEREM FEITAS NO WINDOWS E IOS -
Segue a documentação exata de como montar o setup para execução do App com Android Studio.
Para iOS: https://react-native.rocketseat.dev/ios/macos
Para Android: https://react-native.rocketseat.dev/android/windows
Para o consumo dos dados climáticos é utilizada a api OpenWeatherMap
Após clicar nesse link clique, em Current Weather Data no botão subscribe, ali você irá criar uma conta e irá te retornar uma key,
essa key é necessário para fazer as consultas na api.
Essa key vai ser valor a ser passado em uma variavel ambiente chamada API_KEY no arquivo .env.example na raiz do projeto.
Após ter preenchido a variavel API_KEY com o valor de key encontrado em https://home.openweathermap.org/api_keys
Ex.: API_KEY=6281e15bb5bb2a68bc3c10042802e76a
Renomeia o arquivo .env.example para .env e rode o projeto.
No terminal, clone o projeto:
git clone https://github.com/carlosrobert0/weatherApp
Acesse o projeto
cd weatherApp
Instale as dependencias do projeto
npm install
Rode o projeto para android
npm run android
Rode o projeto para ios
doc
Tela inicial de quando usuario entra no aplicativo e ainda nao permitiu acesso a localização
Tela de quando o usuario permitiu localização e o clima está chuvoso
Tela de quando o usuario permitiu a localização e o clima está sem chuva
The MIT License (MIT)
Copyright ©️ 2023 - WeatherApp