🚀 Front end challenge

Essa é a minha resolução do desafio frontend da rocketseat.

🔗 Acesse o projeto online

Fiz o deploy do projeto na Vercel, basta acessar o link abaixo para visualizar.

https://rocketseat-frontend-challenge-capputeeno.vercel.app

🖥️ Instalação

Clone o repositório

git clone https://github.com/bmenegidio/rocketseat-frontend-challenge-capputeeno.git

API

1. Navegue até a pasta do projeto

cd rocketseat-frontend-challenge-capputeeno
cd api

2. Instale as dependências

npm install

3. Inicie a API

npm run start

Frontend

1. Navegue até a pasta do projeto

cd rocketseat-frontend-challenge-capputeeno
cd frontend

2. Crie um arquivo .env na pasta frontend e cole o seguinte conteúdo

NEXT_PUBLIC_API_URL=http://127.0.0.1:3333

3. Instale as dependências

npm install

4. Inicie o frontend

npm run dev

5. Acesse o seguinte endereço no browser http://127.0.0.1:3000

🧠 Contexto

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)