Desafio Técnico | Desenvolvimento Front-end

Abaixo as instruções para nosso desafio técnico no processo seletivo para vaga de Desenvolvedor/Desenvolvedora Front-end Jr:

• Crie um projeto utilizando React e a API pública do Studio Ghibli seguindo as especificações abaixo
• Crie um README explicando as suas decisões

Funcionalidades esperadas

• Listagem de filmes e suas informações
• Detalhes de filme

Página 1 - Listagem de filmes:

• Crie uma lista para exibir os filmes, mostrando o nome, descrição e diretor de cada filme
• O usuário deve poder clicar em um filme e entrar na tela de detalhes

Página 2 - Detalhes de filme:

• Crie uma tela com detalhes do filme e detalhes de cada um de seus personagens
• Os detalhes do filme devem conter nome, descrição, diretor, produtor, ano de lançamento e a nota no Rotten Tomatoes
• Os detalhes dos personagens devem conter seu nome, gênero e idade

Diferenciais

• Código com testes unitários (Jest)
• Código com acessibilidade (a11y)
• Utilizar TypeScript
• Utilizar styled-components ou Stitches
• Deploy com CI/CD
• Hospedar o projeto na Netlify ou Vercel
• Funcionalidade de Favoritos (adicionar e remover filmes ao favoritos, com listagem local em uma terceira página, feito com Redux)

Restrições técnicas

• Projeto deve ser 100% responsivo
• Não utilizar nenhum framework CSS
• Utilizar React (se preferir, pode usar Next)
  • Utilizar create-react-app e react-router-dom (ignorar se decidir usar o Next)
• Utilize sempre functional components com hooks
• Layout bem estruturado, com atenção à experiência do usuário

---

Envio da tarefa

Para submeter a sua tarefa, envie o link da aplicação hospedada e do repositório no github (gitlab etc...) por e-mail.

Boa sorte! Qualquer dúvida estamos por aqui.