- Para iniciar o teste, você primeiramente terá que fazer um Fork deste repositório para seu Github.
- Depois você terá que clonar o seu repositório, do seu GitHub para sua máquina.
- No fim de cada passo, você irá realizar um commit e subir para seu repositório.
- Ao finalizar os desafios você irá editar o README e adicionar tópicos sobre: Tecnologias que utilizou e Tecnologias aprendidas.
- Criar uma tela inicial com imagem da Marvel
- Criar uma tela para visualizar heróis e seus quadrinhos
- Alterar título na aba do navegador de acordo com a página
- Ter um menu superior em todas as telas
- Consumir API da Marvel https://developer.marvel.com/
- Utilizar cookies para salvar informações dos quadrinhos
- Separar quadrinhos por herói
- Ordenar heróis por nome
- Ter carrossel para navegar entre os quadrinhos do herói
- Ordenar quadrinhos por data de lançamento
- Ter uma tela para mostrar as informações do quadrinho selecionado
- Poder clicar em um quadrinho para ver as informações do quadrinho selecionado
Desafios extras:
- Não utilizar "any" nas tipagens
- Ao retornar para tela de Quadrinhos, não recarregar novamente as informações. (Utilizar cache) ou Adicionar um loading quando for buscar as informações da API
- Todas as telas e componentes serem responsivos
- Utilizar server side rendering ou static page (Next JS)