Code House 隆重推出 - 300 多个开发者速查表的全新世界👨‍💻

大家好👋

我是 Savio。希望大家一切顺利。我是一名年轻的 Web 开发者，立志成为一名成功的 Web 开发者。今天，我非常自豪地向大家介绍我最新也是迄今为止最大的项目，这个项目是我迄今为止提交给Hashnode 上的 HarperDB 黑客马拉松的。黑客马拉松的消息一公布，我就忙着安排时间，制定了合理的计划，以便在截止日期前完成项目。经过 24 天的辛勤工作，我终于可以完成我心中的那个项目了。虽然很艰难，但我热爱其中的每一刻。

小闪回

开发者们都爱用速查表，我们离不开它们。我当然也不例外。我总是花很多时间寻找最好的速查表，甚至为了找到一个符合我需求的速查表都浪费了不少时间。这让我想到，如果我能建立一个超级庞大的开发者速查表库，让用户可以根据自己的需求轻松访问海量速查表，那该有多好。在我开始构建🛠️之后，我发现还有很多可以改进的地方。Code House 就是这样诞生的。这个项目从未停止，它仍在不断完善。我很高兴能够为开发者社区👨‍💻打造一款超级实用的应用。

Code House 简介

Code House是开发者速查表的一体化宝库。欢迎您来到开发者速查表的全新世界。Code House 汇集了来自 230 多个来源的 300 多份精选速查表。您可以按类别或来源筛选，按时间或热门程度排序，还可以使用暗黑模式、收藏速查表、添加新速查表、申请功能以及更多其他功能，让这款应用更加精彩！🤟

Github Repo /现场演示

✨️ 灵感

寻找速查表耗费了大量时间，我们开发人员不想浪费时间。于是，我萌生了一个想法：创建一个网站，汇集来自互联网的海量精选速查表。所有速查表都经过审核，不会出现垃圾信息，让开发人员有更多时间专注于编写代码，而不是苦苦寻找。目前网站有 29 个类别，因此，如果用户需要某种语言的速查表，可以直接进行分类。

互联网上的内容海量，很难挑选出好的，这正是 Code House 的用武之地。所有速查表均由用户精心挑选和审核，助您找到最合适的。

这是我心中的第一个目标🎯，当我开始构建时，我便制定了一个计划来改进应用程序，使其具有更多高级功能。

TL;DR

请观看简短的预告片（约 2 分钟），并使用耳机🎧

现在，让我向你介绍一下Code House目前所拥有的令人惊叹的功能✌️

• 300+ 备忘单

  
  Code House 拥有来自 230 多个来源的 300 多份开发者速查表，功能非常齐全。所有速查表均分为 29 个类别，方便您轻松选择。您可以按热门、最旧、最新等条件筛选所​​有速查表，甚至可以使用搜索栏查找。

• 按类别筛选 (29 个类别)

  
  所有备忘单都分为 29 个类别，您可以根据自己的语言或代码轻松选择。所有排序方式，例如“热门”、“最旧”、“最新”和搜索栏，也适用于筛选类别备忘单。

• 按来源筛选（230+ 个来源）

  
  如果您需要按来源筛选备忘单，例如：您需要来自freecodecamp.org或medium.com的备忘单，您可以快速筛选。您还可以进行高级排序。

• 书签备忘单

  
  如果你发现任何有趣的备忘​​单，并想保存以备后用🔖，你也可以这么做。只需点击书签图标，它就会被存储在书签页面。

• 添加新的备忘单（在浏览器本身上）

  
  是的，可以。如果你找到了一个好的备忘单，只需点击“新建备忘单”按钮，它会跳转到一个表单，你可以在其中添加新的备忘单，其中包含简单的数据，例如“备忘单名称”、“网站网址”和“类别”。你的备忘单将被审核并添加到应用中，你也可以在“贡献者”中看到你自己。

• 关于评论备忘单

  
  你可以通过审核速查表来帮助 Code House。只需访问codehouse.vercel.app/review，即可查看正在审核的速查表。如果你觉得它们不错，可以点赞或评论。

• 每个备忘单都有单独的页面

  
  每个备忘单都有一个专门的页面。您可以在该页面上查看大量数据并执行更多功能。您还可以查看谁添加了该备忘单，或者谁编写了该备忘单。

• 功能请求

  
  您有任何改进 Code House 的想法吗？我们非常乐意听到您的反馈。因此，我们创建了功能请求页面，您可以轻松添加新请求或点赞当前已提交的功能请求。

• 报告备忘单

  
  我们始终致力于保持 Code House 的整洁，并保证每个人都能享受到良好的体验。因此，如果您发现任何问题，例如垃圾邮件、链接失效或类似问题，请向我们举报。只需点击举报按钮即可。

• 贡献者页面

  
  我们很荣幸地在主网站上展示我们的贡献者，我们非常乐意❤️ 快来提交 Pull 请求，加入我们的贡献者页面👨‍💻，成为我们的推荐人吧！​​您也可以通过在网站上添加备忘单来成为贡献者。

• 黑暗模式

  
  黑暗模式是开发者们无法忍受的，所以我们在 Code House 中构建了黑暗模式。在黑暗模式下享受 Code House 吧🌘

• 对 Cheatsheets 点赞/评论

  
  欢迎随意为备忘单点赞或留言。您可以完全自由地决定要做什么。

• 切换视图（列表视图或网格视图）

  
  您可以根据自己的喜好在列表视图和网格视图之间切换。这样，您就可以按照自己喜欢的方式享受它。

• 简讯（每周一次）

  
  如果你订阅新闻简报，我们会在有新的备忘单发布时通知你。附言：我们不会发送垃圾邮件。每周仅发送一次📬。

• GraphQL API 游乐场

  
  我们还提供了一个超级高效的graphql API 游乐场- codehouse-api.herokuapp.com。在这里，你可以试用我们的 API，并构建新的应用。太酷了 🙌 这里有一个关于如何使用API 的简短文档

如果您发现有用，请随意为该项目加星⭐️ - github.com/saviomaritn/codehouse/

Code House是下一个革命性的应用程序，旨在为所有类型寻找最佳的备忘单✨️

💻 内置

• Next JS
• Harper DB：完整数据库的来源
• Tailwind：完整造型的来源
• react-infinite-scroll-component：用于无限滚动
• nprogress：用于细长进度条
• react-hot-toast：用于吐司
• firebase：用于身份验证
• date-fns：用于格式化日期
• Material UI：用于组件
• Animate.css：用于流畅的动画
• Vercel：用于托管

欢迎尝试 Code House：codehouse.vercel.app

🧐 挑战

🌈 下一步

Code House 是我迄今为止做过的最大的工程，我脑子里有一个很棒的点子，而且你很快就会看到更多功能。这些都是我计划在接下来的几天里做的事情👀

• 个人资料页面
• PWA，正在进行中⏳️
• 回复评论
• Markdown 支持功能请求
• Twitter 和 Facebook 身份验证，正在进行中⏳️
• 使用 API 执行操作
• 在为备忘单添加书签时创建收藏集
• 每日提供备忘单
• 为缺失的图片生成封面图片
• 设置页面
• 选择辅助颜色
• 通知选项卡
• AMP 支持，正在进行中⏳️
• 听取帖子描述，进行中⏳️

🍰 贡献

欢迎随时提交 Pull 请求！您可以在浏览器上添加备忘单。您的备忘单将被审核并添加到应用中，您也可以在贡献者列表中查看自己的贡献。

如果您希望通过 Github 做出贡献，您可以开发codehouse.vercel.app/feature-requests上的任何功能，也可以自行创建。添加代码后，请向我们发送 Pull 请求。

您的 PR 合并后，您将自动出现在贡献者页面上。通过 Github API 工作。

• 请使用GitHub Flow进行贡献。创建分支、添加提交并打开拉取请求。

• 请阅读CONTRIBUTING我们的详细信息CODE OF CONDUCT以及向我们提交拉取请求的流程。

🛡️ 已获许可MIT

👀 总结

是的，就到这里。希望你喜欢Code House。欢迎收藏这款应用，它会变得超级好用。我很乐意听到大家对Code House 的反馈和想法。在 Twitter 上分享，请加我@SavioMartin7

🙌 支持

如果您喜欢我的应用程序，请考虑喝杯咖啡支持我☕️

🌎 让我们联系

• Github
• 叽叽喳喳
• LinkedIn
• Instagram

🎸 反馈

反馈有助于改进Code House。我很乐意听到您对Code House的反馈和想法。期待您的意见。