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

Feature Deck

Aberta
#4 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

Conclua e faça o merge da issue dependente #3 primeiro. Em seguida, leia src/App.js e data/fakeCards.json, adicione o componente Deck acima de e verifique se a página exibe cards de Glasgow, Manchester e London com imagens das cidades e os três links especificados.

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

Descrição

♟️ Dependent ticket 🏕 Priority Mandatory 🐂 Size Medium 📅 Week 1 🧩 Feature

Create and use a new component to show info cards

Dependent ticket. Complete and merge #3 before beginning this ticket.

Instructions:

In src/App.js, above the <Bookings /> component add a new component called Deck which shows 3 cards.
The cards must link to peoplemakeglasgow.com, visitmanchester.com and visitlondon.com. The cards should contain the name of the city and an image of the city. There is sample data in data/fakeCards.json

Test:

  • 3 info cards should be displayed on the page for each city (Glasgow, Manchester, London).
  • Each card should link to the correct website.
  • Each card should contain an image
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.