Teste Dinheirow

Olá Dev! Tudo bem?

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.

Vamos ao teste!

Desafio Marvel

Crie um aplicativo front-end conectado ao back-end Marvel desenvolvido usando dados e rotas obtidos pela API oficial da Marvel Comics.

API DOCS: https://developer.marvel.com/docs

💻 Requisitos

• 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.
• Ao clicar em um personagem deverá ser exibida a página do personagem com detalhes (nome, descrição e as fotos dos quadrinhos)
• Na página do personagem deverá conter um botão que volta para página inicial de listagem dos personangens
• 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.
• 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)
• 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)
• Todas as rotas usadas deverão ter cacheamento de pelo menos 30 segundos.

Critérios de avaliação

O cumprimento de todos os requisitos é obrigatório e acarretará a eliminação do candidato que não os cumprir. Além dos requisitos levantados acima, iremos avaliar os seguintes critérios:

• Gerenciamento de estado
• Componentização
• Responsividade
• Testes automatizados
• UI design

Tecnologias Obrigatórias

• NextJs (versão 12)
• Typescript
• Tailwind css
• Cypress
• React query

Tecnologias opcionais

• Jest
• Testing library

Difencial

• UI design agradável
• Conhecimento de Atomic Design
• Conhecimento de clean archtecture

Por onde começo?

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.

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.

Boa sorte! :)