lucoeldritch/hiring

hiring's Issues

Limpar repositório

Desafio "0" é limpar as demais pastas (pretendo deixar meu código na pasta "estagio_react", para ficar mais fácil de identificar a vaga em questão, mas vou apagar as demais pastas para controle).

Desafio 2

Desafio II
O objetivo é fazer uma tela em que o usuário verá uma lista de postagens. Cada postagem terá uma lista com seus referentes comentários. Um post pode ter ou não comentário, dependendo do que vier da API. O Usuário poderá editar e deletar um post.

O importante nesta parte do desafio é que saibamos como você lida com os componentes que formam as técnicas contemporâneas de desenvolvimento client-side, no que tange separação de responsabilidades, indentação de código, etc.

As funcionalidades esperadas são:

1. Listar postagens;
2. Listar comentários de cada postagem;
3. Edição e remoção de uma postagem;
   Obs: Pode utilizar apenas o usuário 1 para a implementação. Exemplo: https://jsonplaceholder.typicode.com/users/1/posts

Documentação da API
API RESTful
URL: https://jsonplaceholder.typicode.com/guide/
Para fazer as requisições HTTP recomendamos o uso da biblioteca axios.

Vale citar: para editar/remover uma postagem, usar o método PUT/DELETE respectivamente.

Usar cache dos dados

Usar algo como um service ou react context para criar cache dos dados (para guardar em memória, mas, se já estiver carregado, não repetir o request).

Exemplo: Temos a página de usuários, ao acessar um usuário, temos a lista de álbuns. Se eu não fizer um novo request, eu não tenho o nome do usuário para exibir no topo.

Atualmente, o request é repetido (nesse caso, o custo é baixo, mas não é boa-prática).

Desafio 1

Desafio I
O objetivo é fazer uma aplicação em React para visualização de álbuns e fotos dos usuários. A aplicação deverá conter uma tela em que o usuário verá uma lista de usuários. Ao selecionar um usuário, deverá ser exibido os álbuns de fotos pertencentes ao mesmo. Cada álbum selecionado deverá exibir as fotos no formato de thumbnail. Use sua criativade para exibir a navegação da melhor forma possível para o usuário.

O importante nesta parte do desafio é que saibamos como você lida com os componentes que formam as técnicas contemporâneas de desenvolvimento client-side, no que tange separação de responsabilidades, indentação de código, etc.

As funcionalidades esperadas são:

1. Listar usuários;
2. Listar álbuns de cada usuário;
3. Visualizar as fotos de cada álbum no formato de thumbnail.

Documentação da API

• API RESTful
• URL: https://jsonplaceholder.typicode.com/guide/
• Para fazer as requisições HTTP recomendamos o uso da biblioteca axios.
• Exemplo de chamada para buscar os álbuns de um usuário: https://jsonplaceholder.typicode.com/users/1/albums

Estruturar projeto

Vou resolver os dois desafios como parte de um único projeto. Então, seria melhor criar duas formas diferentes de visualizar? Criar um navegador de imagens e um navegador de postagens? O index vai apenas ter os links pra cada um dos dois?

Muito provavelmente vai ser isso mesmo, mas, se em algum ponto, eu tiver uma ideia melhor...

Importar Bibliotecas/preparar configurações de instalação

Basicamente: instalar o axios, documentar como instalar e rodar, e de repente um bootstrap/mínimo de organização e embelezamento?

E, claro, acertar o package-lock.json

Questão de iniciar o projeto (npx create-react-app <nome>), não precisa estar no readme, mas será documentado aqui.

Layout e estilo