Bem vindo ao teste técnico (Frontend)

Olá, seja bem-vindo ao teste técnico para a vaga de Estagiário Frontend! Todos os detalhes do teste estão listados abaixo. Lembre-se de que este é apenas um exercício para avaliar suas habilidades, então fique tranquilo e aproveite a oportunidade de aprendizado. Boa sorte!

O que estamos esperando de você.

Neste teste técnico, esperamos que você cumpra os seguintes itens:

• Desenvolver o projeto proposto de acordo com as especificações.

• Aproveitar ao máximo o framework, podendo utilizar bibliotecas externas, mas com a explicação clara do motivo de cada escolha.

• Seguir boas práticas de desenvolvimento de código, garantindo qualidade e manutenibilidade.

• Demonstrar capacidade de componentizar recursos de forma eficiente e reutilizável.

• Saber fazer consumo de apis.

• Saber usar client component ou server component é um diferencial.

O que não esperamos que você faça:

• Reinventar a roda: Fique atento ao que está proposto e evite adicionar complexidade desnecessária. Lembre-se: simples é melhor do que complexo e mal feito.

• Criar soluções excessivamente complexas: Se optar por uma abordagem mais complexa, certifique-se de estar totalmente convicto da sua escolha e de que ela traz reais benefícios para o projeto.

Dúvidas

Aqui abaixo está a reposta de algumas dúvidas.

Posso usar recursos prontos?

Sim, você pode utilizar, porém deve explicar o motivo do uso e qual o benefício dele no projeto.

Posso usar IA para me ajudar a fazer o projeto?

Sim, você até pode, mas lembre, estou avaliando o seu desenvolvimento. IA são ferramentas, então não delegue tudo a ela.

Se eu passar para a próxima etapa, o que será avaliado?

Eu irei conversar contigo sobre o projeto, perguntarei detalhes, e gostaria de saber as motivações de você ter seguindo com sua implementação.

HIHIHI tirei vantagem.

Como dito acima, eu irei conversar contigo sobre sua implementação, logo, mesmo que você utilize IA eu vou saber se você pensou ou não.

Como rodar o projeto

Esse é um projeto NextJS 15 versão 15.2.2

Para maiores informações, consulte a documentação: Next.js](https://nextjs.org/docs)

Tenha em sua máquina instalado node versão >= 18. Para mais detalhes, acesse essa ferramenta caso não possua node instalado em sua máquina: https://github.com/nvm-sh/nvm

Clone o repositório em sua máquina e acesse-o

cd nome_do_projeto

Rode o seguinte comando para instalar as depedências

 npm install

Após instalar, você pode subir a aplicação rodando:

 npm run dev

História

Mario é um cliente que está em busca de uma solução para listar filmes em um site. Ele quer um site simples e eficiente, onde os usuários possam explorar diferentes filmes de forma intuitiva. Mario não tem muita experiência técnica, então ele espera que a plataforma seja fácil de usar e visualmente atraente. Ele deseja uma interface agradável que forneça informações básicas sobre os filmes e permita uma navegação tranquila entre eles. Mario acredita que, com uma boa apresentação dos filmes, os usuários terão uma experiência envolvente e agradável.

Requísitos minimos

Mario espera em seu site as seguintes funcionalidades (MUST TO HAVE):

• Exibição da Lista de Filmes: O site deve mostrar uma lista de filmes populares. Cada filme deve ter informações como título, imagem do poster, ano de lançamento e descrição curta.
• Exibição de Detalhes dos Filmes: Ao clicar em um filme, o usuário deve ser levado a uma página ou modal com mais informações sobre ele. A página de detalhes do filme deve conter: (Título completo, Imagem do filme, Ano de lançamento, Gêneros, Duração (tempo de filme em minutos), Classificação indicativa, Nota média dos usuários (rating). Você pode colocar mais informações fica ao seu critério

Mario ficaria contente se tiver as seguintes funcionalidades (NICE TO HAVE) não obrigatório:

• Poder fazer paginação na listagem de filmes
• Poder fazer comentários a respeito de um filme: (qualquer usuário pode comentar sobre o filme), esses comentários devem ser exibidos na página de detalhes de um filme.

Recursos

Para fazer a busca dos filmes, você canditados devem utilizar a seguinte api: https://developer.themoviedb.org/docs/getting-started (siga a documentação da api para fazer a utilização)

Caso queira fazer a implementação da criação de comentários, você pode estar utilizando essa plataforma aqui: https://supabase.com

🏁 Entrega

Para entregar o projeto, siga os passos abaixo:

Abra um Pull Request neste repositório contendo:

• Todo o código da sua aplicação.

• Uma descrição detalhada do seu projeto, incluindo tecnologias utilizadas e principais decisões técnicas. Se possível, grave um vídeo demonstrando o funcionamento da aplicação e anexe ao Pull Request ou forneça um link para o vídeo hospedado (ex: Google Drive, YouTube).

• (Opcional) Deploy da Aplicação:

  • Caso deseje fazer o deploy, primeiro faça um fork deste repositório.
  • Hospede sua aplicação na plataforma de sua escolha (ex: Vercel, Netlify, GitHub Pages, etc.). No Pull Request, inclua o link do projeto em produção junto com os detalhes da implementação.

Dica: Um Pull Request bem organizado e documentado aumenta suas chances de causar uma boa impressão! 🚀

Tempo de entrega: 5 dias no máximo