└── readme.md


/readme.md:
--------------------------------------------------------------------------------
 1 | # Teste Dinheirow
 2 | Olá Dev! Tudo bem?
 3 | 
 4 | Nós estamos sempre em busca de profissionais interessantes e interessados, com boa capacidade de aprendizado, adaptação e principalmente bom senso! Este teste tem como objetivo avaliar e desafiar você. Não é obrigatório realizá-lo completamente, queremos apenas reconhecer seu esforço e potencial para aprender, se adaptar e tomar decisões.
 5 | 
 6 | Vamos ao teste!
 7 | 
 8 | ## Desafio Marvel
 9 | Crie um aplicativo front-end conectado ao back-end Marvel desenvolvido usando dados e rotas obtidos pela API oficial da Marvel Comics.
10 | 
11 | API DOCS: https://developer.marvel.com/docs
12 | 
13 | ### 💻 Requisitos 
14 | 
15 | - A aplicação deverá conter uma página inicial com uma listagem de personagens com paginação e deverá possuir um filtro que busca os dados pelo nome do personagem.
16 | - Ao clicar em um personagem deverá ser exibida a página do personagem com detalhes (nome, descrição e as fotos dos quadrinhos)
17 | - Na página do personagem deverá conter um botão que volta para página inicial de listagem dos personangens
18 | - Ao voltar para a página da listagem dos personagens o filtro que busca o nome dos dados e a página da listagem deverão ser o mesmo que estavam antes do usuário entrar na página de detalhes do personagem.
19 | - caso o personagem não tenha foto deverá ser colocada uma foto do lotipo da Marvel. (atenção: não será permitido colocar essa validação nos componentes visuais)
20 | - Caso o personagem não tenha descrição exbir o texto "descrição não informada". (atenção: não será permitido colocar essa validação nos componentes visuais)
21 | - Todas as rotas usadas deverão ter cacheamento de pelo menos 30 segundos.
22 | 
23 | ### Critérios de avaliação
24 | O cumprimento de todos os requisitos é obrigatório e acarretará a eliminação do candidato que não os cumprir.
25 | Além dos requisitos levantados acima, iremos avaliar os seguintes critérios:
26 |   - Gerenciamento de estado
27 |   - Componentização
28 |   - Responsividade
29 |   - Testes automatizados
30 |   - UI design
31 | 
32 | ### Tecnologias Obrigatórias
33 |  - NextJs (versão 12)
34 |  - Typescript
35 |  - Tailwind css
36 |  - Cypress
37 |  - React query
38 | 
39 | ### Tecnologias opcionais 
40 |  - Jest
41 |  - Testing library
42 | 
43 | ### Difencial
44 |  - UI design agradável
45 |  - Conhecimento de Atomic Design 
46 |  - Conhecimento de clean archtecture
47 | 
48 | ### Por onde começo?
49 | Primeiramente, você pode fazer um fork desse repositório aqui, para sua conta do Github, depois disso crie uma branch nova com o seu nome (ex: nome_sobrenome), para podermos indentificá-lo.
50 | 
51 | Após terminar o desafio, você pode solicitar um pull request para a branch master do nosso repositório. Vamos receber e fazer a avaliação de todos.
52 | 
53 | Boa sorte! :)
54 | 


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