☀️ Weather App

App climatempo desenvolvido com React Native ☀️

Features

• Desenvolvido com React Native com suporte à Android e iOS
• Acesso a localização do usuário - latitude e longitude -, e exibe a cidade do mesmo
• Busca de dados utilizando API OpenWeather
• Previsão do tempo dentro dos próximos 5 dias
• Informações extras como: velocidade do vento e umidade do ar
• Botão de atualização das informações de clima

Preview

Plugins utilizados

A lista de plugins pode conter alguns outros não listados aqui por serem dependência direta destes abaixo:

• @react-native-community/async-storage
• @react-native-community/geolocation
• @react-navigation/native
• lottie-react-native

Bibliotecas utilizadas

• moment.js
• polished
• styled-components
• redux
• react-redux
• react-native-dotenv

Instalação

git clone https://github.com/ffrm/weather-app.git

cd weather-app && npm install

Configuração

Antes de executar a aplicação é necessário setar algumas variáveis de ambiente em arquivos .env:

• OPENWEATHER_APP_ID required - App Id para acesso à OpenWeather API

Executando

Para executar o app em modo desenvolvimento, basta:

# subir servidor local
npm start

# executar no dispostivo ou emulador padrão de acordo com a plataforma
npm run android
# ou
npm run ios

Build android

Pode ser buildado um release - que não depende do servidor web para obter o bundle - através do comando:

cd weather-app

react-native bundle --dev false --platform android --entry-file index.js --bundle-output ./android/app/src/main/assets/index.android.bundle --assets-dest ./android/app/src/main/res

cd android && ./gradlew assembleRelease

O arquivo será gerado em android/app/build/outputs/apk/release/app-release.apk.

Build iOS

Para build do app deve-se usar o Xcode.

Desenvolvido por Fernando Rama.