Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Feature Deck

未关闭
#4 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
2/5
预计耗时
1-3 小时
新手友好度
55/100
Issue 类型
功能
描述清晰度
描述清楚
活跃度
停滞
技术栈
javascript, react
领域
frontend

调研方向

先完成并合并依赖的 issue #3。然后阅读 src/App.js 和 data/fakeCards.json,在 上方添加 Deck 组件,并验证页面显示带有城市图像的 Glasgow、Manchester 和 London 卡片以及指定的三个链接。

由索引模型根据 Issue 内容生成。

描述

♟️ 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
主要语言
JavaScript
星标
1
派生
28
PR 合并指标
30 天内没有已合并 PR

贡献指南

这个仓库没有索引到贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

CodeYourFuture/React-Module-Project 的其他 Issue

查看 CodeYourFuture/React-Module-Project 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。