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 form 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 contato.ryanolivr@outlook.com 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

Pre-requisitos

  • Node.js
    • Recomendamos a versão LTS

📋 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 usando styled-components, sass Module ou Tailwind
  • 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 Fastify 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
  • Habilidade de escrever código limpo e legível
  • Habilidade de resolver problemas de forma eficientes
  • Preocupação com usabilidade
  • Preocupação com acessibilidade
  • 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 Fastify: https://lapes-frontend-challenge.vercel.app/
  • Testes e2e
  • Testes unitários
  • Utilização de cache do Next.js

O desafio acima foi cuidadosamente construído para propósitos de avaliação apenas.