Find Weather

Esse projeto foi desenvolvido para completar o desafio #7DaysOfCode desenvolvido pela Ilda Neta em parceria com a Alura, que na verdade não durou só 7 dias. Foram vários dias, estudando e lendo documentações para conseguir chegar ao fim.

git clone https://github.com/vladimiremi/find-weather.git
cd find-weather
npm install

npx expo start

Você vai precisar adicioanar o arquivo .env para pode adicionar as suas KEY:

KEY_WEATHERAPI=

KEY_OPENWEATHERMAP=

KEY_OPENCAGEDATA=

• Fork este repositório;
• Crie uma branch com sua funcionalidade: git checkout -b my-feature;
• Commit suas auterações: git commit -m 'feat: My new feature';
• Push para sua branch: git push origin minha-feature.

Depois que o merge do seu Pull request for feito, você pode deletar sua branch

• Criar um novo projeto utilizando o Expo
• Adicionar o TypeScript
• Organizar as pastas do projeto
• Adicionar a fonte que vai usar
• Criar uma conta no site das APIs que você utilizará no projeto

• Adicionar os estilos gerais
• Instalar o styled-components
• Criar os primeiros componentes do app (os que são utilizados na tela de boas vindas)
• Criar a tela de boas vindas

• Instalar os pacotes das navegações Stack e Bottom Tabs utilizando o React Navigation
• Configurar a navegação do tipo Stack
• Criar a tela Home com a variação para quando for o primeiro acesso do usuário (Empty State) e para quando o mesmo já possuir uma cidade selecionada

• Criar a tela Search
• Criar os componentes da tela Search
• Instalar e configurar o Axios
• Consumir a API do Weather API
• Salvar a consulta localmente
• Criar a navegação do botão de voltar
• Instalar e configurar biblioteca babel-plugin-inline-dotenv

• Instalar o Async Storage
• Salvar a consulta da cidade ou país no Storage
• Remover os dados fictícios da Home e consumir os dados da API
• Verificar se o usuário já passou pela tela “Boas vindas” uma vez e, na próxima vez, exibir a tela Home diretamente
• Formatar a data para o padrão brasileiro

• Utilizar os ícones de acordo com cada descrição da temperatura que você receberá das APIs WeatherApi e OpenWeather
• Utilizar a API OpenWeather para visualizar o clima dos próximos 5 dias da cidade selecionada
• Utilizar a API OpenCageData para receber o código do país da cidade selecionada e usar o resultado para a chamada da API que receberá o clima dos próximos 5 dias em uma certa cidade
• Configurar as rotas BottomTabs

• Criar Splash Screen
• Inserir o ícone do app

• Favoritar buscas
• Inserir animações
• Criar login social
• Adicionar testes unitários