# app-ideas **Repository Path**: piggy0915/app-ideas ## Basic Information - **Project Name**: app-ideas - **Description**: 【GitHub】1、master分支同步至GitHub上游（https://github.com/florinpop17/app-ideas），*-zh 分支为中文简体译文。2、一些HTML、CSS、JS项目示例。 - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master-zh - **Homepage**: https://icodethis.com/?ref=app-ideas - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2025-10-03 - **Last Updated**: 2025-10-03 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## 👇 **在 iCodeThis.com 上每日练习** 👇 [![iCodeThis](https://www.icodethis.com/banner.jpg)](https://iCodeThis.com/?ref=app-ideas) # :ledger: 应用程序创意集 您是否曾想过建造一些东西，但却不知道该怎么做？就像作家有时会遇到 “写作障碍 ”一样，开发人员也会遇到同样的问题。本列表旨在一劳永逸地解决这一问题！👍 这些应用程序 - 非常适合提高您的编码技能 :muscle:； - 是尝试新技术的好帮手 🆕； - 非常适合添加到您的作品集中，给下一位雇主/客户留下深刻印象 :file_folder:； - 非常适合在教程（文章或视频）中用作示例 :page_with_curl:； - 易于完成，也易于扩展新功能 :ok_hand:； 这不仅仅是一个简单的项目列表，而是一个对每个项目都有足够详细描述的合集，以便您可以从头开始开发！ 每个项目都具有以下**特点**: 1. 明确的描述性目标。 2. 应实施的 “用户故事 ”清单（这些故事与其说是一份强制的 “待办事项 ”清单，不如说是一份指南。如果你愿意，也可以添加自己的故事）。 3. 附加功能列表，这些附加功能不仅能改进基础项目，还能同时提高你的技能（这些功能是可选的，只有在你完成了所需的用户故事后才可尝试）。 4. 帮助您找到完成项目所需资源的所有资源和链接。 在这里，您可以 [观看有关该资源库的视频](https://www.youtube.com/watch?v=TNzCfgwIDCY)。 ## 项目 根据完成项目所需的知识和经验，项目分为三个等级。 | 等级 | 开发人员简介 | |:--:|---------------------------------------------------------------| | 1 | 处于学习初期的开发人员。 他们通常专注于创建面向用户的应用程序。 | | 2 | 处于学习和经验中期等级的开发人员。 他们在用户界面/用户体验、使用开发工具和构建使用 API 服务的应用程序方面游刃有余。 | | 3 | 具备以上所有条件，并正在学习更高级技术（如实施后台应用程序和数据库服务）的开发人员。 | 🌟 - 新的项目 ### 等级-1: 初级项目 | 名称 | 简短描述 | 等级 | |-----------------------------------------------------------------------------------|-------------------------------|------| | [Bin2Dec](./Projects/1-Beginner/Bin2Dec-App.md) | 二进制到十进制数字转换器 | 1-初级 | | [Border Radius Previewer](./Projects/1-Beginner/Border-Radius-Previewer.md) | 预览 CSS3 border-radius 值对元素的影响 | 1-初级 | | [Calculator](./Projects/1-Beginner/Calculator-App.md) | 计算器 | 1-初级 | | [Christmas Lights](./Projects/1-Beginner/Christmas-Lights-App.md) | 模拟一串圣诞灯 | 1-初级 | | [Cause Effect App](./Projects/1-Beginner/Cause-Effect-App.md) | 点击列表项以显示项目详情 | 1-初级 | | [Color Cycle](./Projects/1-Beginner/Color-Cycle-App.md) | 循环颜色值的增量变化 | 1-初级 | | [Countdown Timer](./Projects/1-Beginner/Countdown-Timer-App.md) | 事件倒计时器 | 1-初级 | | [CSV2JSON App](./Projects/1-Beginner/CSV2JSON-App.md) | CSV 转 JSON 转换器 | 1-初级 | | [Dollars to Cents](./Projects/1-Beginner/Dollars-To-Cents-App.md) | 美元转换为分 | 1-初级 | | [Dynamic CSS Variables](./Projects/1-Beginner/Dynamic-CSSVar-app.md) | 动态更改 CSS 变量设置 | 1-初级 | | [First DB App](./Projects/1-Beginner/First-DB-App.md) | 你的第一个数据库应用！ | 1-初级 | | [Flip Image](./Projects/1-Beginner/Flip-Image-App.md) | 改变图像在两个轴上的方向 | 1-初级 | | [GitHub Status](./Projects/1-Beginner/GitHub-Status-App.md) | 显示当前 GitHub 状态 | 1-初级 | | [Hello](./Projects/1-Beginner/Hello-App.md) | 用户母语问候 | 1-初级 | | [IOT Mailbox Simulator](./Projects/1-Beginner/IOT-Mailbox-App.md) | 使用回调检查你的邮件 | 1-初级 | | [JS Input Validation](./Projects/1-Beginner/Javascript-Validation-With-Regex.md) | 脚本验证用户输入的正则表达式 | 1-初级 | | [JSON2CSV App](./Projects/1-Beginner/JSON2CSV-App.md) | JSON 转 CSV 转换器 | 1-初级 | | [Key Value](./Projects/1-Beginner/Key-Value-App.md) | 键盘事件值 | 1-初级 | | [Lorem Ipsum Generator](./Projects/1-Beginner/Lorem-Ipsum-Generator.md) | 生成占位文本 | 1-初级 | | [Notes App](./Projects/1-Beginner/Notes-App.md) | 创建在线记事本 | 1-初级 | | [Pearson Regression](./Projects/1-Beginner/Pearson-Regression-App.md) | 计算两组数据的相关系数 | 1-初级 | | [Pomodoro Clock](./Projects/1-Beginner/Pomodoro-Clock.md) | 帮助个人生产力的任务计时器 | 1-初级 | | [Product Landing Page](./Projects/1-Beginner/Product-Landing-Page.md) | 展示产品详情以吸引潜在买家 | 1-初级 | | [Quiz App](./Projects/1-Beginner/Quiz-App.md) | 通过回答问题测试你的知识 | 1-初级 | | [Recipe App](./Projects/1-Beginner/Recipe-App.md) | 食谱 | 1-初级 | | [Random Meal Generator](./Projects/1-Beginner/Random-Meal-Generator.md) | 生成随机餐点 | 1-初级 | | [Random Number Generator](./Projects/1-Beginner/Random-Number-Generator.md) | 在范围内生成随机数 | 1-初级 | | [Roman to Decimal Converter](./Projects/1-Beginner/Roman-to-Decimal-Converter.md) | 罗马数字转换为十进制数字 | 1-初级 | | [Slider Design](./Projects/1-Beginner/Slider-Design.md) | 使用滑块控件显示图像 | 1-初级 | | [Stopwatch App](./Projects/1-Beginner/Stopwatch-App.md) | 计算活动所花费的时间 | 1-初级 | | [TrueOrFalse](./Projects/1-Beginner/True-or-False-App.md) | 确定条件比较的结果 | 1-初级 | | [Vigenere Cipher](./Projects/1-Beginner/Vigenere-Cipher.md) | 使用维吉尼亚密码加密文本 | 1-初级 | | [Wind Chill](./Projects/1-Beginner/Windchill-App.md) | 根据实际温度计算风寒指数 | 1-初级 | | [Word Frequency](./Projects/1-Beginner/Word-Frequency-App.md) | 计算文本块中单词的频率 | 1-初级 | | [Weather App](./Projects/1-Beginner/Weather-App.md) | 获取城市的温度和天气状况 | 1-初级 | ### 等级-2: 中级项目 | 名称 | 简短描述 | 等级 | |-----------------------------------------------------------------------------------|-------------------------------|------| | [Bit Masks](./Projects/2-Intermediate/Bit-Masks-App.md) | 使用位掩码进行条件判断 | 2-中级 | | [Book Finder App](./Projects/2-Intermediate/Book-Finder-App.md) | 按多个条件搜索书籍 | 2-中级 | | [Calculator CLI](./Projects/2-Intermediate/Calculator-CLI.md) | 创建一个基本的计算器 CLI | 2-中级 | | [Card Memory Game](./Projects/2-Intermediate/Card-Memory-Game.md) | 记忆并匹配隐藏的图像 | 2-中级 | | [Charity Finder App](./Projects/2-Intermediate/Charity-Finder-App.md) | 找到一个全球慈善机构进行捐赠 | 2-中级 | | [Chrome Theme Extension](./Projects/2-Intermediate/Chrome-Theme-Extension.md) | 构建自己的 Chrome 主题扩展 | 2-中级 | | [Currency Converter](./Projects/2-Intermediate/Currency-Converter.md) | 将一种货币转换为另一种货币 | 2-中级 | | [Drawing App](./Projects/2-Intermediate/Drawing-App.md) | 在网上创建数字艺术作品 | 2-中级 | | [Emoji Translator App](./Projects/2-Intermediate/Emoji-Translator-App.md) | 将句子翻译成表情符号 | 2-中级 | | [Flashcards App](./Projects/2-Intermediate/FlashCards-App.md) | 通过闪卡复习和测试你的知识 | 2-中级 | | [Flip Art App](./Projects/2-Intermediate/Flip-Art-App.md) | 动画展示一组图像 | 2-中级 | | [Game Suggestion App](./Projects/2-Intermediate/Game-Suggestion-App.md) | 创建投票决定玩什么游戏 | 2-中级 | | [GitHub Profiles](./Projects/2-Intermediate/GitHub-Profiles.md) | 一个 GitHub 用户搜索应用 | 2-中级 | | [HighStriker Game](./Projects/2-Intermediate/HighStriker-Game.md) | 高打击力强人嘉年华游戏 | 2-中级 | | [Image Scanner](./Projects/2-Intermediate/Image-Scaner.md) | 图像扫描应用 | 2-中级 | | [Markdown Previewer](./Projects/2-Intermediate/Markdown-Previewer.md) | 预览以 GitHub 风格 Markdown 格式化的文本 | 2-中级 | | [Markdown Table Generator](./Projects/2-Intermediate/Markdown-Table-Generator.md) | 将表格转换为 Markdown 格式的文本 | 2-中级 | | [Math Editor](./Projects/2-Intermediate/math-editor.md) | 学生使用的数学编辑器 | 2-中级 | | [Meme Generator App](./Projects/2-Intermediate/Meme-Generator-App.md) | 创建自定义表情包 | 2-中级 | | [Name Generation using RNNs](./Projects/2-Intermediate/Name-Generator.md) | 使用名称数据集生成名字 | 2-中级 | | [Password Generator](./Projects/2-Intermediate/Password-Generator.md) | 生成随机密码 | 2-中级 | | [Podcast Directory](./Projects/2-Intermediate/Podcast-Directory-App.md) | 最喜爱的播客目录 | 2-中级 | | [QR Code Badge Generator](./Projects/2-Intermediate/QRCode-Badge-App.md) | 将徽章信息编码为二维码 | 2-中级 | | [Regular Expression Helper](./Projects/2-Intermediate/RegExp-Helper-App.md) | 测试正则表达式 | 2-中级 | | [Sales Reciepts App](./Projects/2-Intermediate/Sales-DB-App.md) | 在数据库中记录销售收据 | 2-中级 | | [Simple Online Store](./Projects/2-Intermediate/Simple-Online-Store.md) | 简单的在线商店 | 2-中级 | | [Sports Bracket Generator](./Projects/2-Intermediate/Sports-Bracket-Generator.md) | 生成体育比赛的支架图 | 2-中级 | | [String Art](./Projects/2-Intermediate/String-Art.md) | 移动彩色线条的动画 | 2-中级 | | [This or That Game](./Projects/2-Intermediate/This-or-That-Game.md) | 选择游戏 | 2-中级 | | [Timezone Slackbot](./Projects/2-Intermediate/Timezone-Slackbot.md) | 显示团队时区 | 2-中级 | | [To-Do App](./Projects/2-Intermediate/To-Do-App.md) | 管理个人待办事项 | 2-中级 | | [Typing Practice](./Projects/2-Intermediate/Typing-Practice-App.md) | 打字练习 | 2-中级 | | [Voting App](./Projects/2-Intermediate/Voting-App.md) | 投票应用 | 2-中级 | ### 等级-3: 高级项目 | 名称 | 简短描述 | 等级 | |-------------------------------------------------------------------------------|--------------------------|------| | [Battleship Bot](./Projects/3-Advanced/Battleship-Bot.md) | 创建一个可以玩战舰游戏的 Discord 机器人 | 3-高级 | | [Battleship Game Engine](./Projects/3-Advanced/Battleship-Game-Engine.md) | 创建一个可调用的引擎来玩战舰游戏 | 3-高级 | | [Boole Bots Game](./Projects/3-Advanced/Boole-Bot-Game.md) | 基于布尔代数的对战机器人游戏 | 3-高级 | | [Calendar](./Projects/1-Beginner/Calendar-App.md) | 创建你自己的日历 | 3-高级 | | [Calorie Counter](./Projects/3-Advanced/Calorie-Counter-App.md) | 卡路里计数营养应用 | 3-高级 | | [Chat App](./Projects/3-Advanced/Chat-App.md) | 实时聊天界面 | 3-高级 | | [Contribution Tracker App](./Projects/3-Advanced/Contribution-Tracker-App.md) | 跟踪捐赠给慈善机构的资金 | 3-高级 | | [Elevator](./Projects/3-Advanced/Elevator-App.md) | 电梯模拟器 | 3-高级 | | [Fast Food Simulator](./Projects/3-Advanced/FastFood-App.md) | 快餐餐厅模拟器 | 3-高级 | | [Instagram Clone](./Projects/3-Advanced/Instagram-Clone-App.md) | Facebook Instagram 应用的克隆 | 3-高级 | | [GitHub Timeline](./Projects/3-Advanced/GitHub-Timeline-App.md) | 生成用户 GitHub 仓库的时间线 | 3-高级 | | [Kudos Slackbot](./Projects/3-Advanced/Kudos-Slackbot.md) | 表彰值得认可的同事 | 3-高级 | | [Movie App](./Projects/3-Advanced/Movie-App.md) | 浏览、查找评分、查看演员并找到下一个观看的电影 | 3-高级 | | [MyPodcast Library](./Projects/3-Advanced/MyPodcast-Library-app.md) | 创建一个喜爱的播客库 | 3-高级 | | [NASA Exoplanet Query](./Projects/3-Advanced/NASA-Exoplanet-Query.md) | 查询 NASA 的系外行星档案 | 3-高级 | | [Shell Game](./Projects/3-Advanced/Shell-Game.md) | 动画贝壳游戏 | 3-高级 | | [Shuffle Deck](./Projects/3-Advanced/Shuffle-Deck-App.md) | 评估不同洗牌算法的效果 | 3-高级 | | [Slack Archiver](./Projects/3-Advanced/Slack-Archiver.md) | 存档 Slack 消息 | 3-高级 | | [Spell-It App](./Projects/3-Advanced/SpellIt-App.md) | 经典的“说出拼写”游戏的变体 | 3-高级 | | [Survey App](./Projects/3-Advanced/Survey-App.md) | 定义、进行和查看调查 | 3-高级 | ## 未来计划 我们正计划向该资源库添加越来越多的项目。 为此，我们需要您的帮助！ 了解如何捐款。 👇 我们还计划创建一个网站，方便您浏览所有项目。 ## Contribution 我们非常感谢您的任何捐助，:pray: 您可以通过以下两种方式捐款： 1. 创建一个问题并告诉我们您的想法。:bulb: 在这种情况下，请确保使用新创意标签； 2. fork 该项目，并将您的新想法提交 PR。在此之前，请务必阅读并遵守[贡献指南]（./CONTRIBUTING.md）； ### 示例 完成项目后，您还可以在项目中添加自己的示例。我强烈建议您这样做，因为这将向他人展示您所建造的令人惊叹的作品！ 👍 ## 传播信息 如果本软件仓库中的信息对您有任何帮助，请务必给它一颗星🌟，这样其他人也能找到它并从中受益！我们可以共同成长，让我们的社区变得更好！:smiley： 您对我们如何改进这个项目有什么建议吗？请告诉我们！我们很乐意听取您的反馈意见！ ### 主要贡献者 🙂🙂 - **Florin Pop**: [Twitter](https://twitter.com/florinpop1705) - [YouTube Channel](https://youtube.com/florinpop) - [website](https://florin-pop.com). - **Jim Medlock**: [Twitter](https://twitter.com/jd_medlock) - [articles](https://medium.com/@jdmedlock) ## 100Days100Projects 🚀 作为奖励，我创建了 [#100Days100Projects challenge](https://www.florin-pop.com/blog/2019/09/100-days-100-projects)。你可以在其中找到 100 多个小型项目的创意。请尽情享受吧！ 😄 ## Stars 历史 [![Stars 历史](https://starchart.cc/florinpop17/app-ideas.svg)](https://starchart.cc/florinpop17/app-ideas)