在广阔的互联网领域，有大量关于区块链开发和 Web3 的宝贵资源，包括文章、教程、论文、文档、视频、演示文稿和开源工具。然而，浏览这片信息海洋可能会让人不知所措且耗时，这使得有抱负的学习者很难全面了解这些新兴技术。
该项目旨在通过在一个方便的地方策划和整合有关区块链开发和 Web3 的最佳教育资源来解决这一问题。我们相信教育应该向所有人开放，我们的平台致力于通过提供用户友好的界面并以结构化的方式组织内容来打破障碍。无论您是探索 Web3 潜力的学生，还是希望在这个快速发展的领域提高技能的个人，我们的平台都将成为满足您所有学习需求的首选目的地。
关于
Web3collectives (W3C)[1]是一个 Web3 资源库，可帮助您提高区块链开发和技术技能。它是由两个词创造的——web3（由区块链驱动的互连的去中心化应用程序）和 collectives（通过聚集形成）。
通过 Web3collectives，您可以免费访问流行和推荐的学习材料、交互式教程、操作指南、课程、书籍、文档和视频。
目的
Web3Collectives 的目标是为 Web3 教育创建一个包容性和可访问的平台，其灵感来自于一个设计资源网站，并且认识到大多数人，尤其是初学者和非开发人员可能不熟悉 GitHub 这样的平台。这一切都始于我在 GitHub 存储库中整理了一份有价值的区块链开发资源的综合列表，但我认识到需要弥合差距并将这些资源提供给更广泛的受众。
该项目的目的是为任何有兴趣探索这个令人兴奋的领域的人提供免费访问 Web3 教育和学习材料的机会。我们知道进入壁垒可能令人望而生畏，尤其是对于那些刚接触去中心化技术世界的人来说。通过构建这个平台，我们的目标是简化流程并消除任何可能阻碍个人踏上学习之旅的障碍。
该平台确保无论个人的背景或技能水平如何，都可以轻松访问区块链开发和 Web3 的宝贵资源。通过消除熟悉 GitHub 或任何技术先决条件的需要，我们向更广泛的受众敞开了大门，包括初学者、非开发人员以及那些对 Web3 感到好奇但不确定从哪里开始的人。
技术栈
该项目是使用以下工具和技术构建的：
• ReactJS - JavaScript 库
• Vite - 构建和开发工具
• Formspree - 表单管理
• Vercel - 网络托管和分析
• ConvertKit - 时事通讯订阅
• EmailJS - 电子邮件集成
• React-Router - React 库
• React Icons - 字体图标
特征
发现 Web3Collectives 的强大功能：
• 搜索：通过输入与教程、指南、GitHub 存储库、视频等相关的关键字，准确找到您要查找的内容。无缝探索区块链技术资源，包括 Solidity、NFT、以太坊、Solana 等。
• 类别：轻松浏览各种资源类别，包括网站、YouTube 频道、交互式教程、开发工具、GitHub 存储库等。轻松浏览并访问您感兴趣的特定内容。
• 过滤器：使用我们先进的过滤系统定制您的学习体验。根据经验级别选择您喜欢的 Web3 资源：初级、中级或高级。发现适合初学者的内容和适合您学习需求的入门指南。
• 排序：根据您的喜好对学习资源进行排序，增强您的互动。根据资源的添加日期对资源进行排序，无论是从最旧的到最新的，还是反之亦然。您还可以按字母顺序升序或降序对资源进行排序，以便轻松访问所需的内容。
• 滚动指示器：使用我们有用的滚动指示器在浏览我们的网站时保持方向。轻松识别您当前在页面上的位置，并轻松探索丰富的教育材料。
• 深色模式：通过在浅色和深色模式之间切换的选项来自定义您的浏览体验。享受符合您喜好的视觉吸引力界面，确保舒适、身临其境的用户体验。
我学到的
在我的业余项目的开发过程中，我有机会学习和实施各种有价值的技巧和技术。以下是我从这次经历中得到的收获：
• GitHub Actions：我通过使用 GitHub Actions 熟悉了持续集成和持续交付。这使我能够自动化和简化开发流程，确保部署更顺利。
• 自定义功能：我可以自由地构建增强用户体验的自定义功能。实施深色模式开关和骨架屏幕增加了视觉吸引力并提高了可用性。
• 资源建议：为了允许用户在维护隐私的同时建议新资源，我使用了 React-Formspree。这个方便的工具使我能够在不泄露电子邮件地址的情况下处理表单提交。此外，Email.js 被证明是构建联系表单的绝佳选择。
• 扩展技术堆栈：这个项目扩展了我对 React 的了解，并提供了使用各种新技术的机会。我深入研究了 Email.js 等库，并利用 ConvertKit 等 API，使我能够增强项目的功能。
在 Web3Collectives 工作期间，我遇到了一些推动我成长的挑战：
1. 数据存储模式/架构：作为没有太多后端经验的前端开发人员，确定最合适的数据存储模式/架构是一个挑战。经过深入研究，我决定利用 JSON 格式根据类别对学习资源进行分组。
2. 电子邮件订阅集成：事实证明，集成电子邮件订阅功能是一项复杂的任务。最初，我尝试实现 MailChimp API，但在配置订阅功能时遇到了困难。最终，我转而使用 ConvertKit，它提供了更简化的解决方案。
3. 资源分组：根据经验水平对学习资源进行排序是一个问题。克服这一挑战需要仔细考虑并实施有效的分组机制。
总的来说，在 Web3Collectives 上工作是一次有益的经历，它不仅加深了我对 React 的理解，而且让我接触到了各种技术和解决问题的机会。
持续发展
该项目是一项持续的努力，不断维护和改进，以提供卓越的用户体验。以下是我们正在开发的一些令人兴奋的功能：
• 书签：我计划实现一个书签功能，该功能将允许用户方便地保存和标记他们最喜欢的资源。通过引入此功能，用户可以轻松地重新访问和访问他们喜欢的项目，从而增强他们的整体学习旅程。
• PWA 版本：我正在开发我们平台的渐进式 Web 应用程序 (PWA) 版本。通过这一进步，用户将能够将我们的网络应用程序添加到他们的主屏幕，只需点击一下即可轻松访问。此外，PWA 版本将支持推送通知，使我们能够及时提供更新并有效地吸引用户。
这些提议的功能旨在进一步丰富用户体验，并使平台更加用户友好和易于访问。我致力于不断完善和扩展该项目，以满足我们尊贵社区不断变化的需求。
链接
Live Site URL[2]
GitHub[3]
ProductHunt[4]
致谢
特别感谢Victor Eke[5]和Peter Ikechukwu[6]的贡献。
这个项目的灵感源于：
• Toools.design[7]
• Designrescourc.es[8]
以下包括帮助我解决一些问题的有用资源：
• Contact Form with Emailjs - React[9] - 该资源有助于轻松设置电子邮件服务和联系表单。它提供了一个简单且用户友好的解决方案，使我能够轻松建立这些基本功能。
• Formspree：没有服务器代码的自定义表单[10]- 该文档是一个游戏规则改变者，为我提供了一种无缝的方式来集成资源提交表单，该表单直接在我的电子邮件收件箱中收集新的学习资源。有了这个解决方案，我不再需要担心设置后端的复杂性。它简化了流程，让我能够毫无麻烦地专注于策划有价值的内容。
结束语
Web3collectives (W3C)[11]作为一个综合中心，涵盖与区块链开发和 Web3 相关的所有内容。将其视为便捷的一站式商店，您可以在这里找到丰富的资源、信息和工具来驾驭去中心化技术的世界。
原文：https://frankiefab.hashnode.dev/introducing-web3collectives-your-gateway-to-web3-knowledge
引用链接
[1] Web3collectives (W3C): https://web3collectives.vercel.app/[2] Live Site URL: https://web3collectives.vercel.app/[3] GitHub: https://github.com/frankiefab100/Web3Collectives[4] ProductHunt: https://www.producthunt.com/posts/web3collectives[5] Victor Eke: https://hashnode.com/@Eke[6] Peter Ikechukwu: https://github.com/ikechukwu-peter[7] Toools.design: https://toools.design/[8] Designrescourc.es: https://designrescourc.es/[9] Contact Form with Emailjs - React: https://dev.to/ebereplenty/contact-form-with-emailjs-react-581c[10] Formspree：没有服务器代码的自定义表单: https://formspree.io/[11] Web3collectives (W3C): https://web3collectives.vercel.app/
文章声明：以上内容(如有图片或视频亦包括在内)除非注明，否则均为谈天说币原创文章，转载或复制请以超链接形式并注明出处。