Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/emersoncarneirodasilva/my-weather-app-2.0
My Weather App 2.0 é um aplicativo móvel desenvolvido com React Native e Expo, que fornece uma experiência rica e intuitiva para visualização de informações meteorológicas.
https://github.com/emersoncarneirodasilva/my-weather-app-2.0
context-api expo react-native typescript weather-api weather-app
Last synced: about 1 month ago
JSON representation
My Weather App 2.0 é um aplicativo móvel desenvolvido com React Native e Expo, que fornece uma experiência rica e intuitiva para visualização de informações meteorológicas.
- Host: GitHub
- URL: https://github.com/emersoncarneirodasilva/my-weather-app-2.0
- Owner: emersoncarneirodasilva
- Created: 2024-12-14T15:35:23.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-14T16:25:44.000Z (about 2 months ago)
- Last Synced: 2024-12-14T16:34:54.739Z (about 2 months ago)
- Topics: context-api, expo, react-native, typescript, weather-api, weather-app
- Language: TypeScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Weather App 2.0 🌦️
## Descrição Geral
**My Weather App 2.0** é um aplicativo mobile desenvolvido com React Native e Expo, que fornece uma experiência rica e intuitiva para visualização de informações meteorológicas.
## API Utilizada
- **WeatherAPI.com** (Free Weather API)
- Fonte de dados meteorológicos em tempo real
- Cobertura global de previsões e condições climáticas
- Endpoint para dados atuais, previsão horária e semanal
- Informações adicionais como qualidade do ar
## Funcionalidades
- **Exibição do Tempo Atual**
- Temperatura atual e sensação térmica
- Condições do tempo em tempo real
- Ícones animados de condições climáticas
- **Busca de Localidade**
- Pesquisa de cidades globais
- Atualização instantânea de informações meteorológicas
- **Previsão Horária**
- Temperatura por hora
- Probabilidade de chuva
- Rolagem horizontal
- **Previsão Semanal**
- Previsão para 3 dias
- Temperatura mínima e máxima
- Chances de precipitação
- **Informações Climáticas Detalhadas**
- Índice UV
- Precipitação
- Pressão atmosférica
- Velocidade e direção do vento
- Horários de nascer e pôr do sol
- **Qualidade do Ar**
- Índice de qualidade do ar (metodologia GB DEFRA)
- Detalhes sobre poluentes
- Recomendações de saúde
## Tecnologias Utilizadas
- React Native
- Expo
- TypeScript
- React Navigation
- Context API
- WeatherAPI.com
## Pré-requisitos
- Node.js
- npm ou Yarn
- Expo CLI
- Dispositivo móvel ou emulador
- Conta gratuita no WeatherAPI.com (para obtenção de API Key)
## Instalação
1. Clone o repositório
```bash
git clone https://github.com/emersoncarneirodasilva/my-weather-app-2.0.git
cd my-weather-app-2.0
```
2. Obtenha sua API Key
- Acesse [WeatherAPI.com](https://www.weatherapi.com/)
- Crie uma conta gratuita
- Copie sua API Key
3. Configure as variáveis de ambiente
- Crie um arquivo `.env` na raiz do projeto
- Adicione sua API Key:
```
EXPO_PUBLIC_WEATHER_API_KEY=sua_api_key_aqui
```
4. Instale as dependências
```bash
# Com npm
npm install
# Com yarn
yarn install
```
## Executando o Projeto
```bash
# Com npm
npm start
# Com yarn
yarn start
```
## Estrutura do Projeto
```
/src
├── components/
│ ├── Search/
│ ├── CurrentWeatherDisplay/
│ ├── HourlyForecast/
│ └── ...
├── hooks/
│ ├── useBackgroundImage.ts
│ └── useWeather.ts
├── constants/
│ ├── POPPINS_FONTS.ts
│ └── weekDays.ts
└── utils/
└── calculateOpacity.ts
```
## Melhorias Futuras
- Suporte a múltiplos idiomas
- Gráficos avançados
- Notificações meteorológicas
- Modo noturno
- Compatibilidade estendida
## Contribuição
1. Faça um fork do projeto
2. Crie uma branch para sua feature (`git checkout -b feature/nova-feature`)
3. Commit suas mudanças (`git commit -m 'Adiciona nova feature'`)
4. Push para a branch (`git push origin feature/nova-feature`)
5. Abra um Pull Request
## Limitações da API Gratuita
- Número limitado de chamadas por mês
- Algumas funcionalidades avançadas podem requerer plano pago
- Possível latência nas atualizações de dados
## Contato
Emerson Carneiro da Silva - [email protected]
Link do Projeto: [https://github.com/emersoncarneirodasilva/my-weather-app-2.0](https://github.com/emersoncarneirodasilva/my-weather-app-2.0)
## Imagens
