Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Feature fetch CustomerProfile data

Aberta
#21 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
2/5
Tempo estimado
1-3 horas
Facilidade para iniciantes
55/100
Tipo de issue
Funcionalidade
Clareza
Claramente especificada
Status de atividade
Estagnada
Stack de tecnologia
javascript, react
Domínio
frontend

Direção de pesquisa

Revise a dependência #20 e o componente CustomerProfile; em seguida, rastreie o botão "Show profile" da tabela. Use o customer endpoint especificado com o ID selecionado e verifique se, quando o botão for clicado, o perfil exibirá o ID, o e-mail, o status VIP e o número de telefone em uma lista.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

♟️ Dependent ticket 🏕 Priority Mandatory 🐇 Size Small 📅 Week 3

Display a customer profile - iteration 2

Depends on #20

Instructions:

When a "Show profile" button is clicked in the table, fetch the corresponding customer profile from https://cyf-react.glitch.me/customers/<ID> in the <CustomerProfile /> component. A customer profile should show the customer ID, their email, if they are VIP and their phone number in a list.

Hint: You need to use useEffect and the correct dependency array. You'll need to fetch customers data from the API every time a "Show profile" button is clicked and render it accordingly.

Test:

When you click on a "Show profile" button in the table, the corresponding customer profile is loaded and rendered on the screen.

Linguagem predominante
JavaScript
Estrelas
1
Forks
28
Métricas de merge de PRs
Nenhum PR com merge em 30d

Preparar o ambiente

  • Sem Dockerfile nem arquivo Docker Compose
  • Tem um modelo de pull request
  • Sem guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de CodeYourFuture/React-Module-Project

Todas as issues de CodeYourFuture/React-Module-Project

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.