https://github.com/asnando/weather-app
App climatempo desenvolvido com React Native ☀️
https://github.com/asnando/weather-app
react-native weather weather-app
Last synced: about 2 months ago
JSON representation
App climatempo desenvolvido com React Native ☀️
- Host: GitHub
- URL: https://github.com/asnando/weather-app
- Owner: asnando
- Created: 2020-07-02T17:44:57.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T10:33:38.000Z (over 3 years ago)
- Last Synced: 2025-07-14T00:31:57.188Z (12 months ago)
- Topics: react-native, weather, weather-app
- Language: JavaScript
- Homepage:
- Size: 3.44 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ☀️ 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
```bash
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:
```bash
# 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:
```bash
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](https://github.com/ffrm).