Teste Técnico Frontend

Rocketseat

Next.js, Typescript

Rio do Sul - Brasil

Educação

100 - 500

linkedin.com/compay/rocketseat
/Rocketseat
rocketseat.com.br

A Rocketseat oferece através de uma plataforma inteligente e metodologia prática, além de comunidade, eventos, conteúdo e conexão com o mercado de trabalho, todas as ferramentas que você precisa para masterizar no menor tempo possível as tecnologias mais modernas de desenvolvimento web e mobile, e dessa forma avançar para o próximo nível como programador

Sobre o Teste

Neste desafio de recrutamento para a vaga de Desenvolvedor Frontend, você precisa implementar um e-commerce para venda de canecas e camisetas com as seguintes funcionalidades: catálogo de produtos com paginação, filtragem de produtos por categoria, busca por nome do produto, adicionar e remover produtos do carrinho, e finalizar a compra. As tecnologias a serem utilizadas são Next.js, TypeScript e styled-components. É necessário utilizar o local storage para gerenciar o carrinho. Além disso, é importante incluir no README as instruções de instalação do projeto e quaisquer observações relevantes. Durante a correção, serão avaliados critérios como gerenciamento de estado, componentização, responsividade, usabilidade, acessibilidade, testes e2e, padrões de código e padrão de commits (Conventional). Seria legal também fazer deploy na Vercel ou em outro local de preferência e disponibilizar um link de visualização, e adicionar testes unitários e utilizar o cache do Next.js.

Instruções do Teste

Link para o teste técnico original

Baixar Arquivos do Teste Técnico

🚀 Front end challenge

Bem-vindo(a). Este é o desafio Front end!

O objetivo deste desafio é avaliar suas habilidades de programação. Quando sua solução estiver pronta, basta responder o e-mail que recebeu com o link do seu repo aqui no Github! Em seguida, enviaremos o feedback e as instruções dos próximos passos!

Caso tenha alguma dúvida, nós estamos disponíveis no email [email protected] Bom desafio!

⚠️ É importante que o seu repo esteja público, caso contrário não iremos conseguir avaliar sua resposta

🧠 Contexto

Protótipo

O desafio será implementar um e-commerce para venda de canecas e camisetas que deverá ter as seguintes funcionalidades:

  • Catálogo de produtos com paginação
  • Filtragem produtos por categoria
  • Busca por nome do produto
  • Adicionar e remover produtos do carrinho
  • Finalizar compra

📋 Instruções

Chegou a hora de colocar a mão na massa!

  • Siga esse protótipo
  • Utilize Next.js e Typescript
  • Faça a estilização com styled-components
  • Utilize o local storage para gerenciar o carrinho
  • Por favor, inclua no README as instruções de instalação do projeto
  • Sinta-se livre para incluir quaisquer observações
  • Consuma nossa API GraphQL rodando o comando yarn start na pasta api

✔️ Critérios de Avaliação

Além dos requisitos levantados acima, iremos olhar para os seguintes critérios durante a correção do desafio:

  • Gerenciamento de estado
  • Componentização
  • Responsividade
  • Preocupação com usabilidade
  • Preocupação com acessibilidade
  • Testes e2e
  • Padrões de código
  • Padrão de commits (Conventional)
  • Fazer deploy na vercel ou em outro local de sua preferência e disponibilizar um link de visualização, se necessário utilize esse servidor para a API GraphQL: https://rocketseat-frontend-challenge.herokuapp.com/
  • Testes unitários
  • Utilização de cache do Next.js

O desafio acima foi cuidadosamente construído para propósitos de avaliação apenas. Já possuimos uma funcionalidade similar na nossa plataforma.

Made with 💜 at Rocketseat