keilamadap / frontend-challenge

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

image

🚀 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 recrutamento@rocketseat.com.br 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)

😎 Seria legal

  • 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

About


Languages

Language:CSS 54.6%Language:JavaScript 37.4%Language:TypeScript 8.1%