15 个 GitHub 代码库将为 2022 年 Hacktoberfest 做出贡献

什么是 HACKTOBERFEST？

Hacktoberfest是每年十月举办的庆祝开源的节日，其主要目标是鼓励世界各地的人们积极参与并为 GitHub 和 GitLab 上托管的开源项目做出贡献。

首先，您必须在 9 月 26 日至 10 月 31 日期间注册，并找到适合您技能的项目，并贴上“hacktoberfest”标签。

Hacktoberfest 不仅仅关乎代码。活动也接受非代码和低代码的贡献。您可以点击此处了解更多关于这些贡献的信息。

如果您是新手Open Source，请从此YouTube 视频开始。

15 个可供贡献的 GitHub 存储库

几年来，我一直在为多个open source项目做贡献并维护它们。这些项目涵盖教育、生产力、工具，或者仅仅是一些有趣的应用！其中许多项目都得到了来自世界各地的人们的贡献，以使其更加完善。

在 中HACKTOBERFEST 2022，如果您想为 JavaScript、HTML、CSS、React、Next.js、Node.js 和其他 Web 开发技术项目做出贡献，您必须研究一下它们。由于开源不仅仅涉及源代码贡献，这些项目也接受低代码和无代码贡献。

另一个附加功能是，当您为这些存储库中的任何一个做出贡献并希望获得帮助时，我可以尽可能地为您提供指导。所以，还在等什么？让我们一起探索这些存储库吧。

1. ReactPlay

ReactPlay是一个开源平台，ReactJS通过实践模式帮助您更快地学习。它是一个可以用来学习 ReactJS 的项目集合。除了核心平台之外，您还可以为其他项目做出贡献，例如activities、docs和blog。

技术领域：

• ReactJS
• Next.js
• Tailwind CSS
• 纯 CSS
• 萨斯
• GitHub Actions
• GraphQL
• Nhost
• 柏

贡献领域：

• 功能和错误修复
• 编写端到端测试
• 撰写博客文章
• 参加黑客马拉松
• 帮助社区建设
• 创作剧本
• 文档

存储库：

2. TryShape

TryShape是一个开源平台，使用简单易用的界面创建您选择的形状。您可以创建横幅、圆形和多边形，并将它们导出为 SVG、PNG 甚至 CSS 格式。

技术领域：

• Next.js
• 样式化组件
• CSS 剪切路径

贡献领域：

• 功能和错误修复
• 撰写博客文章
• 文档

存储库：

3. Web APIS 游乐场

该Web APIs Playground项目通过示例和演示展示了 JavaScript Web API。客户端 JavaScript API 可帮助提供许多低级任务的包装函数。

技术领域：

• Next.js
• JavaScript Web API
• TypeScript
• Tailwind CSS

贡献领域：

• 功能和错误修复
• 撰写博客文章
• 文档
• 添加新的 Web API 演示

存储库：

4. Markdown 备忘单

它是迄今为止我学到的所有 markdown 语法的单一场所，而且好消息是您可以向其中添加内容。

技术领域：

• Markdown

贡献领域：

• 添加更多 Markdown 语法

存储库：

5. Fork Me

没错，就 FORK ME 吧！一旦你 fork 了它，它就能帮你学习如何 fork。很多开源新手都对 fork 和合并的操作感到困惑！你应该对 UPSTREAM 仓库、FORKED 仓库、抓取和合并有所了解。fork-me 仓库就是为了实现这些目标。

技术领域：

• Markdown
• GitHub Fork

贡献领域：

• 创建一个分支并从那里学习。

存储库：

6. Promiviz

你是否觉得很难直观地理解 JavaScript Promise 的工作原理？这里有一个在浏览器端可视化 JavaScript Promise 的工具。你可以直观地查看 JavaScript Promise API 并进行学习。这是一个让你快速学习 Promise 的平台！

技术领域：

• 纯 JavaScript
• 纯 CSS
• HTML

贡献领域：

• 添加功能请求并实施。
• 修复错误。
• 改进文档。
• 创建内容

存储库：

7.鞋子

shoes是一个使用 Gatsby 和 Strapi 构建的在线电商鞋店。它是一个开源项目，旨在学习如何使用 Gatsby 和 Strapi 构建静态电商网站。

技术领域：

• 盖茨比
• 斯特拉皮
• ReactJS
• GraphQL

贡献领域：

• 添加功能请求并实施。
• 修复错误。
• 公开部署该站点。
• 创建内容

存储库：

8.通知我

它是一个下载量约为 10K 的 NPM。rIt 是一个使用 ReactJS 构建的通知时间线，有助于以基于时间的方式管理通知。

技术领域：

• ReactJS
• 引导程序
• 萨斯
• NPM生态系统

贡献领域：

• 解决客户问题。
• 改变外观和感觉。
• 更好的定制。
• 更好的交付机制（CI/CD）。

存储库：

9. NodeX

nodeX是一个开源项目，用于收集各种 Node.js 模块的可运行代码示例。它旨在为Node.js开发者提供代码示例。请尽可能为该项目做出贡献。

技术领域：

• Node.js
• MD/MDX 语法
• NPM生态系统
• 网站设计
• Web 应用程序开发

贡献领域：

• 创建 Node.js 示例代码片段。
• 文档
• 创建内容。
• 设计一个网站来展示这些片段。
• 利用现代技术实现网站。

存储库：

10. 轻弹

Flicks是一个开源项目，旨在展示 Gatsbyjs 与 HarperDB 的集成。它提供了一个基于 Gatsby 的用户界面，可以从 HarperDB 中提取数据。所以你可以假设它是一个展示我最喜欢的书籍信息的图书馆！

技术领域：

• GatsbyJS
• 哈珀数据库

贡献领域：

• 创建功能请求。
• 实现功能。
• 错误修复。
• 内容创作。

存储库：

11. Gatsby HarperDB 源插件

它是一个Gatsbyjs插件，允许您将其用作HarperDB数据源，以便 Gatsby 项目可以在构建时提取数据。它将帮助任何 Gatsbyjs 应用使用 HarperDB 中的数据创建预构建标记。

技术领域：

• GatsbyJS
• 哈珀数据库
• Gatsby 插件基础设施。

贡献领域：

• 创建功能请求。
• 实现功能。
• 错误修复。
• 内容创作。

12. 关键事件游乐场

只需按一下键即可了解所有关键事件的游乐场！

技术领域：

• 纯 JavaScript
• Jquery
• HTML
• CSS

贡献领域：

• 创建功能请求。
• 实现功能。
• 错误修复。
• 内容创作。

存储库：

13.添加版权

这个开源项目包含一个脚本，用于自动将版权文本递归添加到一个或多个源文件中。版权文本会添加到源文件的顶部。更棒的是，如果版权文本已经添加，它不会重复添加！

注意：可以使用相同的工具添加文本块，如许可证、文件级注释等。此外，不要错过信用部分以了解想法的来源。

技术领域：

• Shell脚本
• 操作系统结构

贡献领域：

• 创建功能请求。
• 实现功能。
• 错误修复。
• 内容创作。
• 可以在多个操作系统上运行它。

存储库：

14. HTML技巧和窍门

HTML5这并不是什么新鲜事。自它首次发布（2014 年 10 月）以来，我们已经使用了多项功能。作为 #100DaysOfCode 计划的一部分，我花时间重新浏览了功能列表。看看我发现了什么？很多功能我都没用过！

在这个 repo 中，我列出了一些我不太常用但觉得有用的 HTML5 功能。我还创建了一个示例流程并将其托管在 Netlify 上。现在是时候通过为这个项目做出贡献来添加更多功能了。

技术领域：

• HTML5
• 纯 JavaScript
• CSS

贡献领域：

• 添加更多示例
• 错误修复。
• 内容创作。

存储库：

15. HTML文件上传

所有实用的 HTML 文件上传技巧，尽在一处，供 Web 开发者参考。本仓库包含详细讲解这些技巧的代码示例。

技术领域：

• HTML5
• 纯 JavaScript
• CSS

贡献领域：

• 添加更多示例
• 错误修复。
• 内容创作。

存储库：

结论

暂时就这些。这里的主要目的是帮助你掌握你渴望学习的技术。同时，你也会经历开源贡献的整个生命周期。作为这些项目的维护者，你的贡献将极大地促进项目的改进。所以，这是一个纯粹的双赢。

如果您觉得这篇文章对您有帮助，请点赞/分享，以便其他人也能看到。如果您有任何疑问，请在下方评论，以便我回复您。让我们开始吧🚀。

• 在 Twitter 上关注
• 订阅 YouTube 频道
• GitHub 上的项目
• Showwcase 上的个人资料
• 在 LinkedIn 上联系