wehub-resource-sync
19 KiB
19 KiB
Note
本文档由 WeHub 基于上游 README 翻译整理，属于社区翻译，非官方中文文档。
English · 原始项目 · 上游 README
原作者、版权与许可证归属以原始项目及本仓库 LICENSE 文件为准。
)
感谢 CodeRabbit) 对本仓库的赞助！🙏
📒 App Ideas 合集（App Ideas Collection）
你是否曾想动手做点什么，却毫无头绪？正如作者有时会遇到"写作障碍（writers block）"一样，开发者也是如此。这份清单旨在彻底解决这个问题！👍
这些应用可以：
- 帮助你提升编码技能 :muscle:；
- 帮助你尝试新技术 🆕；
- 帮助你充实作品集，给未来的雇主或客户留下深刻印象 :file_folder:；
- 用作教程（文章或视频）中的示例 :page_with_curl:；
- 易于完成，同时也便于扩展新功能 :ok_hand:；
这不仅仅是一份简单的项目清单，而是一个合集，其中对每个项目都进行了足够详细的描述，让你能够从头开始开发！
每个项目都包含以下要素（features）：
- 一个清晰且描述明确的目标；
- 一组应实现的_用户故事（User Stories）（这些故事更多是指导性建议，而非强制性的_待办事项清单。如果你愿意，可以自由添加自己的故事）；
- 一组附加功能（bonus features），不仅能改进基础项目，同时也能提升你的技能（这些是可选的，建议在完成必需的用户故事之后再尝试）；
- 所有资源和链接，帮助你找到完成项目所需的一切
你可以在此处观看本仓库的介绍视频.)。
项目（Projects）
项目根据完成所需的知识和经验，分为三个等级（tiers）。
| 等级 | 开发者画像 |
|---|---|
| 1 | 处于学习旅程早期阶段的开发者，通常专注于创建面向用户的应用。 |
| 2 | 处于学习和经验中级阶段的开发者，熟悉 UI/UX、开发工具的使用，并能构建使用 API 服务的应用。 |
| 3 | 具备以上全部能力，并正在学习更高级技术（如实现后端应用和数据库服务）的开发者。 |
🌟 — 新项目
Tier-1：初级项目（Beginner Projects）
| 名称 | 简介 | 等级 |
|---|---|---|
| Bin2Dec | 二进制到十进制数字转换器 | 1-Beginner |
| Border Radius Previewer | 预览 CSS3 border-radius 值对元素的影响 | 1-Beginner |
| Calculator | 计算器 | 1-Beginner |
| Christmas Lights | 模拟一串圣诞灯饰 | 1-Beginner |
| Cause Effect App | 点击列表项以显示项目详情 | 1-Beginner |
| Color Cycle | 通过增量变化循环颜色值 | 1-Beginner |
| Countdown Timer | 事件倒计时器 | 1-Beginner |
| CSV2JSON App | CSV 到 JSON 转换器 | 1-Beginner |
| Dollars to Cents | 美元转换为美分 | 1-Beginner |
| Dynamic CSS Variables | 动态更改 CSS 变量设置 | 1-Beginner |
| First DB App | 你的第一个数据库应用！ | 1-Beginner |
| Flip Image | 沿两个轴改变图像方向 | 1-Beginner |
| GitHub Status | 显示当前 GitHub 状态 | 1-Beginner |
| Hello | 用户母语问候 | 1-Beginner |
| IOT Mailbox Simulator | 使用回调函数检查你的实体邮件 | 1-Beginner |
| JS Input Validation | 使用正则表达式（RegEx）验证用户输入的脚本 | 1-Beginner |
| JSON2CSV App | JSON 到 CSV 转换器 | 1-Beginner |
| Key Value | 键盘事件值 | 1-Beginner |
| Lorem Ipsum Generator | 生成 lorem ipsum 占位文本 | 1-Beginner |
| Notes App | 创建在线记事本 | 1-Beginner |
| Pearson Regression | 计算两组数据的相关系数 | 1-Beginner |
| Pomodoro Clock | 用于提升个人效率的任务计时器 | 1-Beginner |
| Product Landing Page | 为潜在买家展示产品详情 | 1-Beginner |
| Quiz App | 通过回答问题来测试你的知识 | 1-Beginner |
| Recipe App | 食谱 | 1-Beginner |
| Random Meal Generator | 生成随机餐食 | 1-Beginner |
| Random Number Generator | 在指定范围内生成随机数 | 1-Beginner |
| Roman to Decimal Converter | 罗马数字转换为十进制数字 | 1-Beginner |
| Slider Design | 使用滑块控件显示图像 | 1-Beginner |
| Stopwatch App | 统计在各项活动上花费的时间 | 1-Beginner |
| TrueOrFalse | 判断条件比较的结果 | 1-Beginner |
| Vigenere Cipher | 使用维吉尼亚密码（Vigenere Cypher）加密文本 | 1-Beginner |
| Wind Chill | 根据实际温度计算风寒指数 | 1-Beginner |
| Word Frequency | 计算文本块中的词频 | 1-Beginner |
| Weather App | 获取某个城市的温度和天气状况 | 1-Beginner |
第二层：中级项目
| 名称 | 简短描述 | 层级 |
|---|---|---|
| 位掩码 | 使用位掩码处理条件 | 2-Intermediate |
| 图书搜索应用 | 按多个条件搜索图书 | 2-Intermediate |
| 计算器命令行 | 创建一个基本的计算器命令行工具 | 2-Intermediate |
| 卡片记忆游戏 | 记忆并匹配隐藏的图片 | 2-Intermediate |
| 慈善机构查找应用 | 查找全球慈善机构进行捐赠 | 2-Intermediate |
| Chrome 主题扩展 | 构建自己的 Chrome 主题扩展 | 2-Intermediate |
| 货币转换器 | 将一种货币转换为另一种 | 2-Intermediate |
| 绘图应用 | 在网页上创作数字艺术作品 | 2-Intermediate |
| 表情符号翻译应用 | 将句子翻译成表情符号 | 2-Intermediate |
| 闪卡应用 | 通过闪卡复习和测试知识 | 2-Intermediate |
| 翻页艺术应用 | 动画显示一组图片 | 2-Intermediate |
| 游戏推荐应用 | 创建投票来决定玩什么游戏 | 2-Intermediate |
| GitHub 个人资料 | 一个 GitHub 用户搜索应用 | 2-Intermediate |
| 大力锤游戏 | 游乐园的大力锤嘉年华游戏 | 2-Intermediate |
| 图像扫描器 | 图像扫描应用 | 2-Intermediate |
| Markdown 预览器 | 预览 GitHub 风格 Markdown 格式文本 | 2-Intermediate |
| Markdown 表格生成器 | 将表格转换为 Markdown 格式文本 | 2-Intermediate |
| 数学编辑器 | 供学生使用的数学编辑器 | 2-Intermediate |
| 表情包生成应用 | 创建自定义表情包 | 2-Intermediate |
| 基于 RNN 的名称生成 | 使用名称数据集生成名字 | 2-Intermediate |
| 密码生成器 | 生成随机密码 | 2-Intermediate |
| 播客目录 | 收藏播客目录 | 2-Intermediate |
| 二维码徽章生成器 | 将徽章信息编码到二维码中 | 2-Intermediate |
| 正则表达式助手 | 测试正则表达式 | 2-Intermediate |
| 销售收据应用 | 在数据库中记录销售收据 | 2-Intermediate |
| 简易在线商店 | 简易在线商店 | 2-Intermediate |
| 体育赛事对阵图生成器 | 生成体育赛事对阵图 | 2-Intermediate |
| 弦线艺术 | 移动彩色弦线的动画 | 2-Intermediate |
| 这个或那个游戏 | 这个或那个游戏 | 2-Intermediate |
| 时区 Slack 机器人 | 显示团队时区 | 2-Intermediate |
| 待办事项应用 | 管理个人待办任务 | 2-Intermediate |
| 打字练习 | 打字练习 | 2-Intermediate |
| 投票应用 | 投票应用 | 2-Intermediate |
第三层：高级项目
| 名称 | 简短描述 | 层级 |
|---|---|---|
| 战舰机器人 | 创建一个能玩战舰游戏的 Discord 机器人 | 3-Advanced |
| 战舰游戏引擎 | 创建一个可调用的引擎来玩战舰游戏 | 3-Advanced |
| 布尔机器人游戏 | 由布尔代数驱动的机器人对战游戏 | 3-Advanced |
| 日历 | 创建你自己的日历 | 3-Advanced |
| 卡路里计数器 | 卡路里计数营养应用 | 3-Advanced |
| 聊天应用 | 实时聊天界面 | 3-Advanced |
| 捐款追踪应用 | 追踪慈善捐款金额 | 3-Advanced |
| 电梯 | 电梯模拟器 | 3-Advanced |
| 快餐模拟器 | 快餐餐厅模拟器 | 3-Advanced |
| Instagram 克隆 | Facebook 旗下 Instagram 应用的克隆 | 3-Advanced |
| GitHub 时间线 | 生成用户 GitHub 仓库的时间线 | 3-Advanced |
| Kudos Slack 机器人 | 向值得表扬的同事给予认可 | 3-Advanced |
| 电影应用 | 浏览、查看评分、查询演员，找到你想看的下部电影 | 3-Advanced |
| 我的播客库 | 创建收藏播客的库 | 3-Advanced |
| NASA 系外行星查询 | 查询 NASA 系外行星档案 | 3-Advanced |
| 猜壳游戏 | 动画猜壳游戏 | 3-Advanced |
| 洗牌 | 评估不同的扑克牌洗牌算法 | 3-Advanced |
| Slack 归档器 | 归档 Slack 消息 | 3-Advanced |
| 拼写应用 | 经典"Speak N Spell"游戏的变体 | 3-Advanced |
| 调查问卷应用 | 定义、开展并查看调查问卷 | 3-Advanced |
未来计划
我们计划向本仓库中不断增加更多项目。为此，我们需要你的帮助！👇 请查看下方参与贡献的方式。
我们还计划创建一个网站，让你能够轻松浏览所有项目。
贡献
衷心感谢任何形式的贡献。🙏 你可以通过两种方式参与：
- 提交 Issue，告诉我们你的想法 :bulb:。请务必使用 new idea 标签；
- Fork 本项目，并通过 PR 提交你的新想法。在此之前，请确保阅读并遵守贡献指南；
示例
完成项目后，你也可以将自己的示例添加到其中。我非常鼓励你这样做，因为这将向其他人展示你构建的精彩内容！👍
分享传播！
如果本仓库中的信息对你有所帮助，请给它一个 Star 🌟，这样其他人也能发现并受益！让我们一起成长，让社区变得更好！😃
你对如何整体改进这个项目有什么建议吗？告诉我们！我们很乐意听取你的反馈！
主要贡献者 🙂🙂
- Florin Pop：Twitter — YouTube 频道 — 网站.
- Jim Medlock：Twitter — 文章
100Days100Projects 🚀
作为额外福利，我发起了 #100Days100Projects 挑战.)。你可以在其中找到 100 个更小型的项目创意。玩得开心！😄
Star 历史
