Desafio MMQ

Usando Expo e React Native criamos uma aplicação com Randomusers + GeocodingAPI + PlacesAPI + Firebase.

💻 Desafio MMQ 💻

• Aplicativo para testar os meus conhecimentos para processo seletivo interno;

• O desafio era usar uma API externa e transformar em dados em uma aplicação mobile.

Explicação do APP

Clicando nos cards do Github é tranferido para a tela de detalhes, com os detalhes do cadastro feito com o username do GitHub.

Clicando nos cards brancos, é transferido para a telade detalhes do usuario retornado pela API randouser.

Se for clicado no icon do GitHub é aberto uma navegador dentro da aplicação apresentando a pagina do usuario em questão no proprio site do GitHub.

Clicando no Desfio MasterMAq da primeira tela 'Home', a aplicação e direciona a tela de cadastro de usuario do GitHub onde se é cadastrado apenas o username e uma localização passada pelo usuario. Como background tem uma mapa com os usuarios e os dados requisitados a API do GitHub.

Para criar esta aplicação foram usadas diferentes APIs.

• API de usuarios randomicos.

API que retorna usuarios randomicos a cada nova requisição, de acordo com a documentação é possivel passar filtros na requisição e retornar um objeto JSON.

Documentação:

https://randomuser.me/

Uso

https://randomuser.me/api/?results=1&nat=BR

• API Geocoding.

API verifica a geolocalização retornar um Json de informações sobre as coordenadas passadas.

Documentação:

https://developers.google.com/maps/documentation/geocoding/intro?hl=pt-br

• API PlacesAPI.

API da google que realiza um Seach dos locais e retorna dados como latitude e longitude, se o local for especifico, se tem o retorno com dados mais detalhados sobre o local.

Documentação:

https://developers.google.com/places/web-service/search?hl=pt

• API GitHub.

API que busca dados dos repositorios do GitHub e retorna JSON. Atravez dessa API se consegue todas as informações publicas do usuario.

Documentação:

https://developer.github.com/v3/

Uso:

https://api.github.com/users/nathangabriel27

ou

https://api.github.com/users/nathangabriel27/repos

• Banco de dados FireBase

Foi utilizado o banco de dados Firebase para armazenar os dados, dados que são consumidos pela aplicação e em conjunto com as APIs se tem o retorno de outros dados que não sao armazenados.

🎩 Dependencias do desenvolvimento

Um gerenciador de pacotes como o yarn ou npm para baixar as dependências do projeto.

Documentação npm:

https://www.npmjs.com/get-npm

Documentação yarn:

https://classic.yarnpkg.com/en/docs/install/#windows-stable

Instalar o Expo CLI que é a estrutura de execução da plataforma para o React.

Usando npm para a instalação do Expo

npm install -g expo-cli

Usando npm para a instalação do Expo

yarn global add expo-cli

• Agora so usar Git para clonar o repositório.
• Executar no terminal:

$ git clone https://github.com/nathangabriel27/Desafio-MMQ

$ cd Desafio-MMQ 

$ sudo expo start

Documentação Expo: https://docs.expo.io/versions/latest/

Obrigado!!