https://github.com/ryan-menezes/frontend-challenge

https://github.com/ryan-menezes/frontend-challenge

challenge frontend graphql nextjs reactjs rocketseat

Last synced: 17 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/ryan-menezes/frontend-challenge
• Owner: Ryan-Menezes
• Created: 2023-12-17T23:10:21.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-27T21:53:39.000Z (about 1 year ago)
• Last Synced: 2024-11-15T05:39:02.711Z (3 months ago)
• Topics: challenge, frontend, graphql, nextjs, reactjs, rocketseat
• Language: TypeScript
• Homepage:
• Size: 98.6 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![image](https://user-images.githubusercontent.com/40845824/121069742-3accdb00-c7a4-11eb-87d0-3dc47e433762.png)

# 🚀 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 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**

# 🧠 Contexto

![Protótipo](https://storage.googleapis.com/xesque-dev/challenge-images/prototipo.png?42)

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](https://www.figma.com/file/rET9F2CeUEJdiVN7JRu993/E-commerce---capputeeno?node-id=680%3A6449)

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

## 😎 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 GraphQL:  https://rocketseat-frontend-challenge.herokuapp.com/

- Testes unitários

- Utilização de cache do Next.js

---

_O desafio acima foi cuidadosamente construído para propósitos de avaliação apenas. Já possuimos uma funcionalidade similar na nossa plataforma._

Made with 💜 at Rocketseat