77.9K+ Star！一个集合了各种应用创意的资源列表，帮助开发者提高编程技能、尝试新技术、丰富作品集、作为教程示例或完成项目

项目简介

app-ideas^[1] 是一个集合了各种应用程序创意的资源库，帮助开发者在不知道要构建什么时提供灵感。

这些应用创意不仅适合提升编程技能，还适合尝试新技术、丰富个人作品集、作为教程示例，并且易于完成和扩展。

项目根据开发者的知识水平和经验分为三个等级，并提供了详细的描述、用户故事、额外功能建议以及完成项目所需的资源和链接。

项目特点

• 适合不同阶段的开发者：项目分为三个层次（Tier 1-Beginner, Tier 2-Intermediate, Tier 3-Advanced），适合初学者、中级和高级开发者。
• 提升编程技能：通过实际项目开发，帮助开发者提高编码能力。
• 丰富作品集：项目完成后可以作为作品集的一部分，展示给未来的雇主或客户。
• 易于完成且可扩展：项目设计简单，易于完成，同时提供扩展新特性的可能性。
• 详细描述：每个项目都有清晰的目标描述、用户故事列表和可选的奖励特性，帮助开发者全面理解项目需求。
• 资源链接：提供完成项目所需的所有资源和链接。

项目灵感

Tier-1: 初学者项目

• Bin2Dec – 二进制到十进制的数字转换器。
• Border Radius Previewer – 预览CSS3 border-radius值对元素的影响。
• Calculator – 计算器。
• Christmas Lights – 模拟一串圣诞灯。
• Cause Effect App – 点击列表项以显示项目详情。
• Color Cycle – 通过增量变化循环颜色值。
• Countdown Timer – 事件倒计时计时器。
• CSV2JSON App – CSV到JSON转换器。
• Dollars to Cents – 美元转换为美分。
• Dynamic CSS Variables – 动态更改CSS变量设置。
• First DB App – 你的第一个数据库应用程序！
• Flip Image – 在两个轴上改变图像的方向。
• GitHub Status – 显示当前GitHub状态。
• Hello – 用户母语问候。
• IOT Mailbox Simulator – 使用回调检查你的蜗牛邮件。
• JS Input Validation – 使用正则表达式验证用户输入的脚本。
• JSON2CSV App – JSON到CSV转换器。
• Key Value – 键盘事件值。
• Lorem Ipsum Generator – 生成Lorem Ipsum占位符文本。
• Notes App – 创建在线记事本。
• Pearson Regression – 计算两组数据的相关系数。
• Pomodoro Clock – 任务计时器，帮助个人提高生产力。
• Product Landing Page – 为潜在买家展示产品详情。
• Quiz App – 通过回答问题测试你的知识。
• Recipe App – 食谱应用程序。
• Random Meal Generator – 生成随机餐点。
• Random Number Generator – 生成范围内的随机数。
• Roman to Decimal Converter – 罗马数字转换为十进制数字。
• Slider Design – 使用滑动控制器显示图像。
• Stopwatch App – 计算活动花费的时间。
• TrueOrFalse – 确定条件比较的结果。
• Vigenere Cipher – 使用Vigenere密码加密文本。
• Wind Chill – 从实际温度计算风寒因子。
• Word Frequency – 计算文本块中的词频。
• Weather App – 获取一个城市的温度和天气状况。

Tier-2: 中级项目

• Bit Masks – 使用位掩码进行条件判断。
• Book Finder App – 根据多个标准搜索书籍。
• Calculator CLI – 创建一个基本的计算器命令行界面。
• Card Memory Game – 记忆并匹配隐藏的图像。
• Charity Finder App – 查找一个全球慈善机构进行捐赠。
• Chrome Theme Extension – 构建你自己的Chrome主题扩展。
• Currency Converter – 将一种货币转换为另一种货币。
• Drawing App – 在网上创建数字艺术作品。
• Emoji Translator App – 将句子翻译成表情符号。
• Flashcards App – 通过闪卡复习和测试你的知识。
• Flip Art App – 为一组图像制作动画。
• Game Suggestion App – 创建投票以决定玩什么游戏。
• GitHub Profiles – GitHub用户搜索应用程序。
• HighStriker Game – 高击手大力士游乐游戏。
• Image Scanner – 图像扫描应用程序。
• Markdown Previewer – 预览用GitHub风格Markdown格式化的文本。
• Markdown Table Generator – 将表格转换为Markdown格式文本。
• Math Editor – 学生使用数学编辑器。
• Meme Generator App – 创建自定义表情包。
• Name Generation using RNNs – 使用名字数据集生成名字。
• Password Generator – 生成随机密码。
• Podcast Directory – 喜爱的播客目录。
• QR Code Badge Generator – 在QR码中编码徽章信息。
• Regular Expression Helper – 测试正则表达式。
• Sales Receipts App – 在数据库中记录销售收据。
• Simple Online Store – 简单的在线商店。
• Sports Bracket Generator – 生成体育比赛的对阵图。
• String Art – 移动的彩色字符串动画。
• This or That Game – 这个或那个游戏。
• Timezone Slackbot – 显示团队时区。
• To-Do App – 管理个人待办任务。
• Typing Practice – 打字练习。
• Voting App – 投票应用程序。

Tier-3: 高级项目

• Battleship Bot – 创建一个在Discord上玩战舰游戏的机器人。
• Battleship Game Engine – 创建一个可调用的战舰游戏引擎。
• Boole Bots Game – 由布尔代数驱动的战斗机器人。
• Calendar – 创建你自己的日历。
• Calorie Counter – 卡路里计数营养应用程序。
• Chat App – 实时聊天界面。
• Contribution Tracker App – 跟踪捐赠给慈善机构的资金。
• Elevator – 电梯模拟器。
• Fast Food Simulator – 快餐店模拟器。
• Instagram Clone – Facebook的Instagram应用程序克隆。
• GitHub Timeline – 生成用户GitHub仓库的时间线。
• Kudos Slackbot – 给予值得的同行认可。
• Movie App – 浏览、查找评分、检查演员并找到你下一个要观看的电影。
• MyPodcast Library – 创建一个喜爱的播客库。
• NASA Exoplanet Query – 查询NASA的系外行星档案。
• Shell Game – 动画贝壳游戏。
• Shuffle Deck – 评估不同算法用于洗牌。
• Slack Archiver – 归档Slack消息。
• Spell-It App – 经典Speak N Spell游戏的变体。
• Survey App – 定义、进行和查看调查。

项目示例

大家可以根据个人技能水平和兴趣，选择合适的项目层次 > 了解解项目目标和用户故事 > 按照用户故事开发项目的基础功能。例如3级高阶项目中的Calendar。

创建你自己的日历

• 日历应用概述:
  构建一个日历应用，允许用户添加事件和提醒，并根据个人需求自定义样式。
• 技术要求: 需要基本的HTML/CSS和JS知识，通过增加更多功能可以帮助学习JS的高级概念。
• 用户故事:
• 创建事件: 用户可以创建事件。
• 编辑事件: 用户可以编辑已创建的事件。
• 删除事件: 用户可以删除事件。
• 高级功能:
• 事件拖放: 用户可以在日期之间拖动事件。
• 设置提醒: 用户可以为事件设置提醒。
• 主题切换: 用户可以切换应用主题（浅色/深色），并尝试使用CSS进行个性化定制。
• 本地数据存储: 将数据存储在本地，确保服务器重启后事件信息不会丢失。
• 资源链接: 提供了本地存储、MDN（Mozilla开发者网络）和设计灵感等有用的链接和资源，以及示例项目如简单日历和eCalendar。

注：本文内容仅供参考，具体项目特性请参照官方 GitHub 页面的最新说明。

欢迎关注&点赞&在看，感谢你的阅读~