📦 Capputeeno

Bem-vindo(a). Este é o repositório que contém a solução para o desafio frontend da Rocketseat´s.

O objetivo deste desafio é avaliar as habilidades de programação. Ainda há melhorias que podem sem implementadas neste projeto, as quais pretendo, futuramente, adicionar com o intuito de estudar as linguagens e ferramentas aqui utilizadas.

Happy hacking!

⚠️ É importante ressaltar que este projeto/repositório se encontra em constante atualização.

🧠 Contexto

O desafio consistia em implementar um e-commerce para venda de canecas e camisetas que deveriam 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

🤝 Colaboradores

Pedro Galembeck

Fernanda Kipper

Rocketseat

📋 Instruções

Para utilizar o projeto acima, basta seguir as instruções abaixo.

• 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, os seguintes critérios também eram solicitados pelos recrutadores:

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

😎 Adicionais

• 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

---

🖥️ Instalação

Capputeeno (frontend)

1. Clone este repositório:

git clone https://github.com/LDNzera/capputeeno.git

1. Abra a pasta do projeto (capputeeno):

cd capputeeno

3. Instale as dependências utilizadas:

npm install

3. Inicie o projeto:

npm run dev

API

2. Abra a pasta da API utilizada (api):

cd capputeeno
cd api

3. Instale as dependências utilizadas:

npm install

3. Inicie a API:

npm start