---
updatedAt: 2025-05-14T08:10:11.000Z
agentTools:
  projectIndex: https://learn.vtex.com/llms.txt
---

# Desafio do Curso Serviços

# Desafio do curso de serviços

## Proposta

Utilizar a implementação da *query* GraphQL e seu respectivo *resolver* previamente implementado neste curso para criar um bloco customizado. Este bloco precisa estar na página de produto e utilizar os dados vindos da *query* para mostrar a quantidade fictícia de pessoas visualizando o produto.

> Atenção! Por questão de simplicidade, abstraia o `slug` mencionado anteriormente durante o curso, de forma a fazer a consulta no Master Data com `topN = 1` e utilizar apenas a informação do campo `count`.

O resultado deve ser semelhante ao da imagem abaixo:

![image](https://user-images.githubusercontent.com/19495917/92961196-3e197d00-f445-11ea-82a6-f286fee2ee8e.png)

<HTMLBlock>{`
<div id="back-button">
              <i class="fa fa-angle-left"></i>
              <a id="back-link" href="/docs/course-service-course-step08graphiql-lang-pt">voltar</a>
            </div>
`}</HTMLBlock>

<hr/>
<div id="contribute-container">
  <p id="contribute-title"> 
    Ajude-nos a fazer este conteúdo melhor!
  </p>
  <p id="contribute-description">
    Os cursos do VTEX IO são de código aberto. Se você perceber algum problema, pode abrir um pull request!
  </p>

  <a id="contribute-button" href="https://github.com/vtex/vtex-courses/edit/master/courses/service-course/challenge/pt.md">
    Faça uma contribuição
  </a>

  <p id="contribute-issue">
    ou <a href="https://github.com/vtex/vtex-courses/issues/new/choose">abra uma issue</a>
  </p>

</div>