---
# System prepended metadata

title: Desafio GMZ

---

# Desafio GMZ

Olá caro desenvolvedor.

Este desafio é uma parte do processo de seleção da GMZ. Ele é direcionado para uma pessoa desenvolvedora de software Frontend/Mobile e o objetivo dele é acompanhar o processo de construção da sua solução em um desafio.

---
## O desafio

O desafio consiste em um consumo simples de API, utilizaremos como base o serviço da [REQRES](https://reqres.in/), e queremos listar as informações do usuários cadastrados na plataforma.

Nossa principal rota de consumo será á:

### Get ListUser

https://reqres.in/api/users

Exemplo de retorno:
``` json
{ 
    "page":1, 
    "per_page":6, 
    "total":12, 
    "total_pages":2, 
    "data":[
    { "id":1,
        "email": "george.bluth@reqres.in", 
        "first_name": "George", 
        "last_name": "Bluth", 
        "avatar": "https://s3.amazonaws.com/uifaces/faces/twitter/calebogden/128.jpg" 
        }
    ]
}

```

Nosso objetivo é recuperar uma lista com os Nome, Sobrenome e Email dos nossos usuários, ao clicar em um usuario específico queremos as informações adicionais dele como companhia, url e um texto descritivo, para isso usaremos a consulta da rota:

### Get Single User

https://reqres.in/api/users/{user.id}

Exemplo de retorno:
``` json
{ "data":
    { 
        "id": 2, 
        "email": "janet.weaver@reqres.in", 
        "first_name": "Janet", 
        "last_name": "Weaver", 
        "avatar": "https://s3.amazonaws.com/uifaces/faces/twitter/josephstein/128.jpg" 
    }, 
    "ad": { 
        "company": "StatusCode Weekly", 
        "url": "http://statuscode.org/", 
        "text": "A weekly newsletter focusing on software development, infrastructure, the server, performance, and the stack end of things." 
        }
}
```

## Observações:

Você é livre para utilizar o framework e bibliotecas que quiser e construir as soluções da maneira como desejar.

## Bônus

Caso queira ir além do que pedimos, sugerimos implementar:

- Responsividade
- Avatar do usuário
- Área de login (consultar api para rotas).


## Links úteis

[Codepen](https://codepen.io/picks/pens/)

[Primeiros passos com React](https://bognarjunior.wordpress.com/2018/03/18/react-primeiros-passos/)

[Primeiros passos com Vue](https://becode.com.br/tutorial-como-criar-seu-primeiro-app-vue-js/)

[Primeiros passos com Angular](https://blog.matheuscastiglioni.com.br/criando-minha-primeira-app-com-angular-5/)
