• Mais detalhes:

1. Os dados usados nessa aplicação foram obtidos atraves da API Random User.

2. A requisição foi feita via protocolo HTTP utilizando o axios, foram utilizados os parametros de quantidade de usuários(12) a serem gerados e a nacionalidade dos usuários na qual optei por brasileiros apenas.

3. Os filtros presentes na barra de pesquisa são: Nome, Sobrenome, Nacionalidade, Idade e Gênero.

4. Foi utilizado o react-router para estabelecer as rotas da aplicação.

5. Styled-components na estilização do projeto.

6. API do Google Maps para renderização da localização do Usuário.

7. Obs: a Api Random User não gera coordenadas de gps fieis a localização do usuário, gerando numeros aleátórios de latitude e longitutde, sendo assim infelizmente não há correlação direta entre o endereço do usuários e a localização mostrada no mapa.

Esse projeto foi desenvolvido principalmente com as seguintes tecnologias:

• React
• JavaScript
• Styled-components

Esse projeto foi utilizou das seguintes libs:

• vitejs
• styled-components
• react-google-maps/api
• react-dom
• react-icons
• react-router
• axios

Você pode visualizar o layout usado como referencia para o projeto através do link abaixo:

• Layout Web

Clone o projeto e acesse a pasta do mesmo.

$ git clone https://github.com/guilhermemm-dev/react-users-challenge/tree/guilherme-martins
$ cd react-users-challenge

Para iniciá-lo, siga os passos abaixo:

# Instalar as dependências
$ yarn

# Iniciar o projeto
$ yarn start

O app estará disponível no seu browser pelo endereço http://localhost:3000.

Esse projeto está sob a licença MIT.

• LinkedIn: https://www.linkedin.com/in/guilhermemm-dev/

• GitHub: https://github.com/guilhermemm-dev

• Portfolio: https://guilhermemm-dev.github.io/portifolio/