新增功能：JSON 和文本格式的导出按钮 #19 仅仅通过教程学习是不够的，还需要一些实践操作才能真正理解这些概念。
我创建了一个项目，旨在为所有想要学习 Web 开发并尝试一些概念（例如 React、NextJS、GraphQL、TailwindCSS、Typescript、React Query、Vitest 等）的人提供一个实践平台！
你可以在这里找到它（别忘了点个赞哦⭐️）：
DevLeonardoCommunity / github-stats你的 GitHub 贡献经过精心整理和可视化呈现——在你的简历上展示有意义的指标。
在说明这个工具是否有用之前（它可能有用），让我们先说明它的主要目标：提高我们的技能。
为什么选择我们的工具？因为这个工具是开源的，我们非常欢迎所有人参与贡献！
您可以随时获取最新期刊，或加入Discord服务器讨论项目及其未来发展方向。一切皆有可能，欢迎分享您的想法和建议。
这里有一个视频介绍了该项目及其目标（在YouTube上）。
该应用程序目前基于Next.js，采用 TypeScript 和 Tailwind CSS（实际上是使用DaisyUI，一个 Tailwind CSS 组件库）。
我们使用GraphQL端点和React Query管理一些数据，特别是来自GitHub API 的数据。
NextAuth具有登录功能……
以下是项目概览：
目前它还比较基础，因为这正是重点所在——大家一起构建！我已经提到了一些涉及的技术，但我计划添加更多，所有内容都会在 README 文件中保持更新。
我写了很多教程，我认为它们会很有帮助，但最后一步始终是将概念付诸实践，我认为这个项目可以是一个很好的起点。
你可以利用它来学习或提升你的技术技能，同时也是一个在可控环境下开始为开源项目做贡献的绝佳机会。它能帮助你熟悉项目贡献流程，包括提交问题、拉取请求、代码审查等等。
正如我在视频中多次提到的，目标不是最终产品的成功，而是共同打造产品的过程。
我并非该项目中所有我希望看到的技术的专家，所以我也会从中学习很多东西，我真的迫不及待地想看到你们的贡献！
如果您想参与，可以在README和CONTRIBUTING文件中找到说明，其中包括一些关于如何设置环境变量的说明（最值得注意的是 GitHub 登录的令牌，我们稍后会看到）。
该项目欢迎任何形式的贡献，从修正拼写错误到添加新功能，所以不要害羞，请随时贡献力量！
此时你基本上可以做任何事，例如：
啊对，我还没提到呢！我觉得上面说的那些内容实际上比项目本身更重要，不过我想现在是时候谈谈这件事了。
这里有一个托管版本：https://public-github-stats.vercel.app/
总体思路是，从官方 GitHub API 中提取并整理一些相关数据，并将其用于简历或作品集，可能会很有用。添加 GitHub 链接已经足够了（我认为是必须的），但添加一些有意义的指标会更有帮助。
在主页上，您可以使用您的 GitHub 帐户登录，以便直接从 GitHub GraphQL 端点拉取您的数据。
截至目前，页面上会列出您提交过 pull request 的仓库，并显示其状态和总数，按年份分组。您可以直接在浏览器中查看，也可以导出为 JSON 或文本格式（此功能已于几天前实现）。
此外，还有一个个人资料页面，其中包含一些基本数据，而且实际上还有很多空间可以添加更多信息！
未来我们确实可以添加一些其他组合数据、动画、图表等等……甚至可以更进一步，添加招聘信息或其他相关（或不相关）的功能！如果您有任何想法，欢迎提交 issue进行讨论。
说到沟通，为了加快沟通速度，我们还可以使用Discord。
你觉得这个主意怎么样？有什么建议吗？请在评论区留言，我们项目里见！
感谢阅读本文，希望您觉得有趣！
我最近创建了一个 Discord 服务器，用来讨论开源和 Web 开发，欢迎加入：https://discord.gg/bqwyEa6We6
你喜欢我的内容吗？不妨订阅我的YouTube频道！这对我很重要❤️
你可以在这里找到它：
欢迎关注我，以便在新文章发布时收到通知 ;)
