2022 年 50 个最酷的网络和移动项目创意（二）

这是文章的第二部分，进阶类项目

 

进阶项目

20. 产品管理平台

建立一个平台来管理您拥有的所有产品。例如，该平台可以管理账单、定期付款和来自客户的消息。除了提醒之外，它甚至可以让您为自己留下个人笔记。

你会学到什么

您将学习如何构建一个处理随时间变化的状态和数据的应用程序。日历集成以及发送电子邮件和通知也是一个很好的补充。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React

后端：Python、Flask

21、模拟面试平台

一个为您匹配专业人士的平台，让您可以进行模拟视频/语音采访。

你会学到什么

如何建立一个可以处理多人之间的实时聊天和视频的网站。为所有用户创建搜索功能和配置文件。拥有一个使用户能够留下和阅读评论的系统也将非常有用。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React

后端：Python、Flask

22. 开发者协作平台

一个供开发人员创建项目并找到有兴趣在项目上合作或贡献的开发人员的平台。这将是在您的简历上添加一些现场工作并同时结交新朋友的好方法。

你会学到什么

为用户拥有个人资料的平台构建 CRUD 应用程序。一种搜索人员和项目的方法，以及此类平台所期望的许多其他功能。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React

后端：NodeJS、NoSQL

23. 社交焦虑平台

一个随机匹配你和其他人的平台，给你一个随机的话题，你们俩都应该谈论。也许有一个计时器结束，然后你可以与其他人匹配。一种验证个人资料的方法，同时保持安全和匿名，以减少虚假/垃圾邮件/机器人。

你会学到什么

您将学习如何构建使用身份验证的应用程序，以确保良好的安全性和隐私性。该平台将需要使用 websockets 甚至视频集成的聊天功能。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React

后端：Python、Flask

24. 结对编程平台

您将与另一个拥有类似技术堆栈的开发人员匹配。适合练习或解决代码问题。视频、音频或只是文字聊天。

你会学到什么

您将学习如何使用 websockets 和可能的视频集成来构建具有聊天功能的应用程序。需要有某种方式来共享实时编码会话，作为让开发人员查看屏幕的替代方法。像微软团队这样的视频通话应用程序可以让其他人控制，如果你能找到一种方法，这是一个可能的选择。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React

后端：Python、Flask

25. 全球开发者排行榜

一个面向开发人员的跨平台应用程序，让每个人都可以查看开发人员在一天、一周和一个月内完成了多少项目。因此，您可以跟踪您的进度并查看您与其他开发人员的比较情况。

您可以在排行榜之间切换，看看谁是勤奋的人以及您与他们的比较。非常适合激励和了解谁是最好的追随者。它甚至可以包含某种社交媒体元素。或查看个人资料和关注人员的方法。

你会学到什么

您将学习如何建立一个人们可以注册和加入的平台。应该有全天自动更新的排行榜。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React、React Native

后端：NodeJS、NoSQL

26. 随机 API 生成器

根据您提出的问题或输入的数据随机生成 API 的网站。也许它可以以不同的文件类型（如 CSV、JSON、GraphQL 等）导出数据……或者您获得一个可以用作端点的在线链接。非常适合测试虚假数据。

你会学到什么

您将学习如何构建一个可以随机生成 API 列表的平台。您可以在后端创建自己的 API 或使用 3rd 方 API。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React

后端：NodeJS、NoSQL

27. Timelapse 肖像应用程序

随着您每天的变化和进步，您可以每天记录自己的图片日记。适合正在锻炼并希望跟踪其进度的人。或者只是想记住他们的外表在一段时间内是如何变化的。

你会学到什么

您将学习如何设置和发送可自定义的通知。用户需要一种拍摄照片的方法，然后自动将其保存在服务器或数据库中。找到将它们放入画廊或将它们自动导出为视频或类似内容的方法的奖励积分。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React、React Native

后端：NodeJS、NoSQL

28. 电脑游戏

它可以是 2D 或 3D，可能性是无穷无尽的。

你会学到什么

如何进行游戏开发。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React、React Native、Unity

后端：C#、ASP .Net Core、SQL

29.学习平台

您可以创建某种学习平台，它不需要与任何主题相关的编程。

你会学到什么

如何构建一个全栈 CRUD 应用程序，让用户可以访问各种课程。用户需要能够创建个人资料并注册各种课程，以单独跟踪他们的进度。拥有一个评级系统是必不可少的，能够留下有价值的评论也是如此。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React

后端：NodeJS、NoSQL

30. 适合初学者的网站建设者

它可能是一个向初学者展示如何构建应用程序的网站。因此，您可以选择您的技术堆栈，然后它将生成一些演练文档，为您提供有关如何构建某些东西的分步指南。

你会学到什么

一个接收表单数据的网站，可能会从您创建的后端 api 中提取更多数据。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React

后端：NodeJS、NoSQL

31. 在线问答游戏

与 Wordle 类似，但达到了完全不同的水平。您不是自己解决单词，而是与其他玩家随机匹配。你的团队必须共同努力解决谜题、文字游戏或某种问题。这可以在某种程度上与排行榜相关联，这样每个人都可以看到其他玩家的统计数据。

你会学到什么

如何创建基于团队的文字游戏或多个不同的迷你游戏，并将团队和玩家得分存储在全球排行榜中。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React

后端：NodeJS、NoSQL

32. Excel 电子表格导出器

创建一个可以接收某种数据的应用程序，然后将其导出为电子表格。因此，例如，您可以有另一个应用程序来跟踪您的每月消费习惯。然后，您可以将该数据导出为 CSV，然后将其导入另一个应用程序，并将该导出作为一个可读的 Excel 电子表格。

你会学到什么

这将是一个很好的挑战，因为您将学习如何编译和转换不同的数据类型。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React

后端：Python、Flask

33.一个聊天应用程序

创建一个类似于 WhatsApp、iMessage、Telegram、Signal、Facebook Messenger 等的聊天应用程序……

你会学到什么

如何使用 WebSocket API 等技术让人们相互交流。最基本的要求是让聊天正常工作。这些功能可以通过添加发送媒体文件、进行语音通话和您在聊天应用程序中看到的其他很酷的东西（例如拥有表情符号键盘和分享故事）的方式来扩展。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React

后端：NodeJS、NoSQL

34.技术评估平台

它可能是进行某种技术评估的平台。这可以是从编程到驾驶测试或任何你能想象到的任何东西。这里没有限制，这个平台可以满足人们的广泛需求。

你会学到什么

如何构建具有注册页面和人们创建配置文件的方式的 CRUD 应用程序。用户需要一种方法来跟踪他们正在学习的课程，并且需要一种安全的方式让人们在不作弊的情况下进行测试。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React

后端：NodeJS、NoSQL

35.评级平台

你可以建立一个平台，让人们对某种产品或服务发表评论。

你会学到什么

需要有一种方法让人们只对项目进行一次评分，这样他们就不能多次评分，这会破坏评论的可信度。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React

后端：NodeJS、NoSQL

36.关系追踪器

用于跟踪您的社交生活。您可以使用它来跟踪对话主题、事件、情绪等……它甚至可以具有日历集成和其他功能。

你会学到什么

如何构建一个包含各种状态数据的应用程序。因为数据会发生变化，所以它需要具有 CRUD 功能。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React

后端：NodeJS、NoSQL

37. 横幅创建者

从网站到社交媒体，以及在应用程序和博客中，横幅无处不在。如何创建一个可以为每个平台自动生成具有正确大小和尺寸的横幅的应用程序。

你会学到什么

如何构建一个可以根据用户输入进行计算并生成用户请求的所需数据的应用程序。

技术栈

项目类型：前端

前端：HTML、CSS、TypeScript、React

后端：可选

38. 互动故事应用

生成独特的交互式故事的应用程序。从 Wordle 中汲取灵感，可能每天都会发布几章或几集，并且会持续一整周。因此，在一周结束时，您将对您所关注的故事得出结论。

如果您有设计背景，那么它为您提供了制作插图的绝佳机会，然后您可以将其组合成一个很酷的流畅故事。

你会学到什么

如何构建一个交互式故事应用程序，让用户能够选择不同的路径。这是 Web 或移动应用程序的完美格式。

技术栈

项目类型：全栈

前端：HTML、CSS、TypeScript、React、React Native

后端：NodeJS、NoSQL

七爪源码网7claw.com