Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Feature Deck

Abierto
#4 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
55/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Estancado
Stack tecnológico
javascript, react
Área
frontend

Línea de trabajo

Completa y haz merge del issue dependiente #3 primero. Luego lee src/App.js y data/fakeCards.json, añade el componente Deck encima de y verifica que la página muestre tarjetas de Glasgow, Manchester y Londres con imágenes de las ciudades y los tres enlaces especificados.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

♟️ 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
Lenguaje dominante
JavaScript
Estrellas
1
Forks
28
Métricas de merge de PR
Sin PR fusionados en 30 d

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de CodeYourFuture/React-Module-Project

Todos los issues de CodeYourFuture/React-Module-Project

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.