└── README.md


/README.md:
--------------------------------------------------------------------------------
 1 | # Desafio para a vaga de Front-End
 2 | 
 3 | Como parte do processo seletivo, usaremos este desafio para avaliar suas habilidades com os requisitos da vaga. 
 4 | 
 5 | O teste prático deverá ser feito por você, no conforto da sua casa.
 6 | 
 7 | ## Como entregar o desafio?
 8 | 
 9 | - Faça um fork deste projeto em sua conta no [Github](https://github.com/join).
10 | - Crie um repositório *privado*, com a solução do seu desafio. 
11 | - Em seguida, desenvolva o projeto. 
12 | - Adicione como membro do repositório o usuario [@vagas-modalservices](https://github.com/vagas-modalservices).
13 | - Por fim, envie um email informando que concluiu o desafio p/ vagas@liveonsolutions.com. (coloque no assunto o nome do desafio)
14 | 
15 | ## Descrição do projeto
16 | 
17 | Nosso desafio consiste em implementar uma aplicação client-side que consulte a API.
18 | 
19 | O usuário deverá ser capaz de realizar uma busca consumindo os dados da API.
20 | 
21 | ### API
22 | ```url
23 | https://pokeapi.co/
24 | ```
25 | 
26 | ### Diretrizes
27 | 
28 | 
29 | - Login (não faça uma tela de cadastro, apenas login)
30 | - Listagem dos Pokemons: uma lista com uma imagem, número e o nome.
31 | - Tela de inserção/edição:
32 | 	- Nome
33 | 	- Resumo/Descrição curta
34 | 	- Imagem
35 | 	- Tipo (elétrico, aquático, fogo, etc...)
36 | 	- Atributos (atk, def, spd, sp-atack, sp-def, HP)
37 | 	- Habilidades (até 3): nome, força (15 a 120), descrição
38 | 	- Tudo o que você julgar de interessante (diferencial)
39 | - Validação de dados e arquivos (!!)
40 | - Excluir Pokémon
41 | 
42 | 
43 | - Utilize [ReactJS](https://reactjs.org/)
44 | 
45 | - Faça o uso de componentes de forma genérica e escalável;
46 | 
47 | - Utilize algum pré-processador para o seu css, de preferência [SASS](https://sass-lang.com/). (Se quiser, fique a vontade para usar alguma lib/framework CSS);
48 | 
49 | - Faça com que sua página tenha uma ótima experiência para o usuário, independente do dispositivo que ele esteja usando;
50 | 
51 | - Utilize um código limpo e bem organizado, e de preferência, utilize alguma arquitetura modular para organizar seus arquivos CSS/SASS e os assets utilizados;
52 | 
53 | ### Diferencial
54 | - Utilizar [ReduxJS](https://redux.js.org/)
55 | - Utilizar [Redux Saga](https://redux-saga.js.org/)
56 | 
57 | ### Avaliação
58 | 
59 | Seu projeto será avaliado de acordo com a qualidade do seu código e sua organização com os arquivos utilizados, além do conhecimento e bom uso da semântica HTML e CSS.
60 | 
61 | Dê-nos acesso ao seu repositório, quando fizer isto, avise-nos por e-mail vagas@liveonsolutions.com, avaliaremos o mais rápido possível e te daremos o feedback.
62 | 
63 | _Boa sorte!_
64 | 


--------------------------------------------------------------------------------