16 个你可能会觉得有用的 GitHub 辅助项目代码库

1. 主题构建器

2. 通知我

3. demolab

4. 公主寻觅者

5. 假想的

6. html-技巧

7. JS 技巧

8. React-add-table-dynamic-row

9. 商店笔记

10. 添加版权

11. 新冠肺炎

12. i18n-js-npm

13. html 文件上传

14. 猫店

15. 推荐

16. 学习 CSS 动画

副业是指你在主要工作之外，为了激发热情并学习新知识而做的一些事情。这句话我深有体会。

如果你没有将知识传授给他人，那么你获得的知识就是徒劳的。

考虑到这一点，让我分享一下我在 2020 年完成的一些业余项目中的经验。本文的主要目的是分享 GitHub 仓库及其相关细节。每个仓库都有一个解释清晰的readme.md文件，用于指导如何使用该项目。

所有这些项目都是open-source。欢迎您尝试、fork、贡献，希望它们对您有所帮助。

1. 主题构建器

该项目可帮助您创建一个theming system。构建您选择的主题。您还可以切换/测试/应用主题。您可以根据需要轻松扩展项目。

🚀 GitHub 仓库

🥡 里面有什么？

• React.js
• 样式组件
• 您可以选择任意一种data-store。

2. 通知我

它是一个reactjs基础组件，可作为公共 npm 使用。您可以使用它来管理基于时间的通知。它能够跟踪传入的通知，并进行许多其他自定义操作。

🚀 GitHub 仓库

🥡 里面有什么？

• React.js
• 新公共管理

3. demolab

这是一个Jamstack将所有演示集中托管的应用程序。只需在.md文件中提供其描述，您的演示即可在网站上线。欢迎随时为该项目贡献✋。

🚀 GitHub 仓库

🥡 里面有什么？

• Jamstack
• 盖茨比
• Netlify

4. 公主寻觅者

这是为 Hashnode 的 #christmashackathon 活动创建的有趣项目。一个简单的 Web 应用，让你轻松识别迪士尼公主。

🚀 GitHub 仓库

🥡 里面有什么？

• React.js
• ml5.js
• 使用Teachable Machine创建的 ML 模型

5. 假想的

这是一个构建 Jamstack 图片库的项目。我们将学习如何在构建时处理媒体文件。

🚀 GitHub 仓库

🥡 里面有什么？

• Jamstack
• 盖茨比
• Cloudinary

6. html-技巧

它是一个 repo，列出了HTML5我过去很少使用但现在觉得有用的功能。

🚀 GitHub 仓库

🥡 里面有什么？

• HTML5。

7. JS 技巧

这个 repo 列出了JavaScript我每天学习的技巧和窍门！

🚀 GitHub 仓库

🥡 里面有什么？

• JavaScript。

8. React-add-table-dynamic-row

动态地向表中添加一行似乎是一个非常常见的需求。这个 repo 展示了如何使用 Reactjs Hooks 来实现。

🚀 GitHub 仓库

🥡 里面有什么？

• React.js。

9. 商店笔记

一款Jamstack用于创建和管理购物笔记的应用程序。该项目将帮助你了解无服务器函数和 graphql 的强大功能。

🚀 GitHub 仓库

🥡 里面有什么？

• Jamstack
• 盖茨比
• 动物群
• Netlify 函数
• GraphQL

10. 添加版权

你是否曾经需要自动递归地在源文件顶部添加一堆文本？这个仓库包含一个自动化脚本来实现这一点。

🚀 GitHub 仓库

🥡 里面有什么？

• Shell 脚本。
• 自动化

11. 新冠肺炎

2020年，我们几乎无话不谈新冠疫情。公开的新冠数据有助于了解世界各地的疫情发展。这个代码库包含一个应用程序的代码，该应用程序包含大量关于疫情的可视化和详细信息。如今，印度许多人都在使用这款应用程序。

🚀 GitHub 仓库

🥡 里面有什么？

• React.js
• 图表
• 可视化

12. i18n-js-npm

该项目旨在帮助您管理Web 应用的externalizing字符串internationalizing。它以公共 npm 的形式提供下载和使用。

🚀 GitHub 仓库

🥡 里面有什么？

• JavaScript。
• 新公共管理

13. html 文件上传

HTML File Upload该存储库包含对 Web 开发人员有用的提示的源代码示例。

🚀 GitHub 仓库

🥡 里面有什么？

• JavaScript。
• HTML

14. 猫店

一个展示如何构建 Jamstack 电子商务应用程序的项目。

🚀 GitHub 仓库

🥡 里面有什么？

• Jamstack
• 盖茨比
• Netlify 函数
• 条纹

15. 推荐

构建具有身份验证的无服务器应用程序的项目。

🚀 GitHub 仓库

🥡 里面有什么？

• Jamstack
• 盖茨比
• 动物群
• Netlify 函数
• Netlify 身份验证

16. 学习 CSS 动画

一个 repo，用于记录我对 CSS 动画的学习，其中包含大量示例。

🚀 GitHub 仓库

🥡 里面有什么？

• HTML。
• CSS

在结束之前，我想给大家推荐几篇关于副业的文章。你可能会觉得这些文章很有启发。祝你接下来的副业一切顺利。

• 为什么副业对开发者如此重要作者：Victoria Lo
• 作为开发人员，如何平衡工作与副业（作者：Catalin Pit）
• 不要只学习编码，要学习创造（作者：Rutik Wankhade）
• 作为开发者，为什么需要做一些副业？作者：Tapas Adhikary
• 如何从零开始启动一个副项目（SitePoint 翻译）