Abaixo as instruções para nosso desafio técnico no processo seletivo para vaga de Desenvolvedor/Desenvolvedora Front-end Pleno:
- Crie um projeto utilizando React, Redux (ou React Context), Next e a API pública do Studio Ghibli seguindo as especificações abaixo
- Crie um README explicando as suas decisões
- Listagem de filmes e suas informações
- Detalhes de filme
- Adicionar/remover filme aos favoritos (local)
- Listagem de filmes favoritados (local)
- Crie uma lista para exibir os filmes, mostrando o nome, descrição e diretor de cada filme, além de um botão para favoritar o filme
- O usuário deve poder clicar em um filme e entrar na tela de detalhes
- Crie uma tela com detalhes do filme e detalhes de cada um de seus personagens, além de um botão para favoritar o filme
- 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
- Crie uma página de favoritos com a listagem de todos os filmes favoritados e um botão para remover o filme dos favoritos
- Ao clicar no filme, ir para tela de detalhes
- Código com testes unitários (Jest)
- Página 1 com Static Generation (para lista) e Client-Side Rendering (para favoritos)
- Página 2 com Dynamic Route e Static Generation
- Deploy com CI/CD
- Código com acessibilidade (a11y)
- Utilizar TypeScript
- Projeto deve ser 100% responsivo
- Não utilizar nenhuma biblioteca ou framework CSS
- Utilizar React e Redux (ou React Context)
- Utilizar styled-components ou Stitches
- Utilize sempre functional components com hooks
- Hospedar o projeto na Netlify ou Vercel
- Layout bem estruturado, com atenção à experiência do usuário
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.