🚀 Front end challenge

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

O objetivo deste desafio é desenvolver uma aplicação frontend para avaliação de habilidades.

🧠 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)

🖥️ Installation

Frontend

  1. Clone o repositório
git clone https://github.com/Joaov9620/Frontend-Desafio-Capputeno.git
  1. Vá para a pasta do projeto
cd frontend-challenge
cd capputeeno
  1. Instale as dependências
npm install
  1. Execute o front -end
npm run dev

Executando a API

  1. Vá para a pasta API
cd frontend-challenge
cd api
  1. Instale as dependências
npm install
  1. Run start
npm start