Findweather

:octocat: Menu

• :octocat: Menu
• :pushpin: Motivação
• :cloud_with_lightning_and_rain: Sobre o projeto
• :desktop_computer: Como se inscrever no desafio?
• :camera: Imagens finais
• :computer: Como rodar o projeto
• :wrench: Tecnologias utilizadas
• :woman_technologist: Dev

:pushpin: Motivação

Este projeto foi criado para desafiar desenvolvedores(as) que desejam colocar em prática o conhecimento adquirido nos estudos das tecnologias mobile híbrido com React Native e Expo.

:cloud_with_lightning_and_rain: Sobre o projeto

Com o FindWeather você será capaz de buscar por uma cidade ou país para visualizar o clima em tempo real. Além disso, será possível visualizar também a temperatura dos próximos 5 dias ☔️.

:desktop_computer: Como se inscrever no desafio?

Para se inscrever no projeto é necessário acessar a página do 7 days of code - Mobile e se inscrever no desafio.

A partir disso, durante 7 dias você receberá e-mails diários com os desafios criados por mim, e juntos(as) iremos criar esse projeto do zero até que ele esteja como nas fotos abaixo.

Vai ser incrível participar desse desafio com você! 👩🏻‍💻 🚀

:camera: Imagens finais

<img width="840" alt="Walkthrough" src="https://user-images.githubusercontent.com/21963291/217075176-0d55423e-fd9b-4c34-b12a-fa15f5a03110.png" /> <img width="840" alt="Home Empty State" src="https://user-images.githubusercontent.com/21963291/217075254-34192f4e-f597-4159-9c43-b5bade3b3953.png"> <img width="840" alt="Empty search" src="https://user-images.githubusercontent.com/21963291/217075326-2a6b77e6-d2d4-4d33-bcf0-df3c9b499880.png" /> <img width="840" alt="Search with error and with a result" src="https://user-images.githubusercontent.com/21963291/217075408-d5e872e7-5a51-4fb0-a1c8-ef958a661a1d.png" /> <img width="840" alt="Home with forecast data" src="https://user-images.githubusercontent.com/21963291/217075532-f4c7a32d-aece-40d2-a5b1-fb7223953c0f.png" /> <img width="840" alt="Next 5 days forecast" src="https://user-images.githubusercontent.com/21963291/217075605-f2a13026-1e8b-47a4-bc5d-adfab5d1d42e.png" />

:computer: Como rodar o projeto

Primeiro é necessário clonar o projeto. Além disso garanta que você tenha seu ambiente configurado com:

• Yarn
• NodeJS
• Android Studio
• Xcode (caso você tenha um dispotivo macOS)
• Expo CLI instalado

Depois do clone rode:

cd findWeather

yarn install
npx expo start -c

a -> para abrir no emulador Android
i -> para abrir no emulador iOS

:wrench: Tecnologias utilizadas

• TypeScript
• Axios
• Intl
• Async Storage
• React Navigation
• Expo bare workflow
• External API's
• Styled components
• External font by Google

:woman_technologist: Dev

Meu nome é Ilda Neta, e foi um prazer criar esse aplicativo e toda sua interface. Para saber mais detalhes sobre minha carreira acesse meu LinkedIn 🌸.

Made with love :heartpulse: by Ilda Neta.