lucasbaquinoo / capputeeno

Capputeeno é um e-commerce de canecas e camisetas proposto como desafio Front End da @Rocketseat 🚀 👨‍🚀

🚀 Front end challenge 🚀

🧠 Contexto

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 [email protected] Bom desafio!

⚠️ É importante que o seu repo esteja público, caso contrário não iremos conseguir avaliar sua resposta

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

🏁 Resultado

⚙️ Instalação

Para inicializar o projeto localmente siga os passos descritos abaixo:

# Clone o repositório
$ git clone https://github.com/Ricmaloy/capputeeno.git

# Entre no repositório
$ cd capputeeno

# Instale as dependências
$ yarn install

# Execute a aplicação
$ yarn start

# Crie um arquivo .env.local e cole a linha abaixo
$ NEXT_PUBLIC_API_URL=http://localhost:3333/

# Abra outro terminal e acesse a pasta api
$ cd capputeeno/api

# Inicie a API GraphQL da pasta api
$ yarn start

# Acesse a aplicação através da url abaixo
$ http://localhost:3000

# Caso queira abrir o Playground da API GraphQL acesse a url abaixo
$ http://localhost:3333

💻 Aplicação

A aplicação está hospedada na Vercel e para acessar basta clicar aqui.

📚 Bibliotecas utilizadas

Algumas bibliotecas foram utilizadas a fim de aprimorar a performance e usabilidade, todas elas estão listadas abaixo:

• Axios
• GraphQL Request
• Nookies
• React Content Loader
• React DOM Confetti
• React Icons
• React Modal
• React Query
• React Toastify

🍻 Contato

Qualquer dúvida ou feedback estarei disponível em qualquer uma das redes sociais abaixo:

🚀 Never Stop Learning 🚀