GPT Web App Generator-让AI基于您的描述ðädErect＆node.js codebase创建一个全堆栈。
#javascript #网络开发人员 #react #gpt3

这个项目最初是作为一个实验 - 如果鉴于简短的描述，我们很感兴趣，GPT可以在React＆Node.js中生成全堆栈Web应用程序。结果超出了我们的期望！

怎么运行的

为了使用GPT Web App Generator，您要做的就是简短地描述您的应用程序思想。您可以选择选择应用程序的品牌颜色和首选的身份验证方法（更多方法即将推出）。

How it works

就是这样 - 在几分钟之内，将在您面前生成一个完整的Web App Codebase，用React，Node.js，Prisma和Wasp编写它在本地并使用单个CLI命令！

部署

请参阅一个完整的一分钟演示，在此处生成有关海龟的博客：

支持我们！ ð

star_us

如果您想表达对我们正在做的事情的支持，请考虑giving us a star on Github！我们在WASP上所做的一切都是开源的，您的支持激发了我们的动机，并帮助我们使Web应用程序开发变得更加容易和更少的样板。

Toss a star

堆栈ð

除了react＆node.js外，GPT Web应用程序生成器使用Prisma和Wasp。

Prisma是一种构建在PostgreSQL顶部的类型数据库ORM。它使处理数据模型和数据库迁移变得容易。

Wasp是一个电池，包括React＆Node.js的全栈框架。它需要照顾从前端到后端和数据库以及身份验证，发送电子邮件，异步作业，部署等的所有内容。

此外，GPT Web App Generator背后的所有代码都是完全开源的：web app，GPT code agent。

我可以使用什么样的应用程序？

警告
由于这是一个由GPT驱动的项目，因此其输出不是100％确定性的，并且有时在生成的代码中会出现小错误。对于Web应用程序的典型示例（如下所示），它们通常很小，可以简单地修复。如果您陷入困境，ping us on our Discord。

生成的应用程序是全栈，由前端，后端和数据库组成。这是我们成功创建的一些示例：

我的植物 - 跟踪植物的浇水时间表ð±°

My Plants

  • 请参阅生成的代码并自己运行here

这个应用程序完全按照说明 - 确保您按时给植物浇水！它带有功能齐全的前端，后端以及用户和植物实体的数据库。它还具有full-stack authentication（用户名和密码）和基于尾风的设计。

下一步将是添加更多高级功能，例如，在浇水的时候，诸如电子邮件提醒（通过Wasp email sending support）。

您可以看到并下载entire source code并添加更多功能并自己部署应用程序！

TODO应用 - 经典

ToDo App

  • 请参阅生成的代码并自己运行here

如果不包含todo应用程序，这将是什么样的演示？ GPT Web App Generator和所有基本功能都成功地将其施加了脚手架 - 创建和标记完成任务。

有了基础（全栈代码，身份验证，尾风CSS设计），您可以自己尝试一下！

限制

为了降低复杂性并因此错误，GPT造成的，对于第一个版本的生成器，我们对生成应用的限制进行了以下限制：

  1. 没有其他NPM依赖性。
  2. WASP页面（REACT）和操作（节点）之外没有其他文件。因此，没有其他带有React组件，CSS，实用程序JS，图像或类似文件的文件。
  3. 没有打字稿，只有JavaScript。
  4. 没有高级WASP功能（例如Jobs，Auto Crud，Websocket，Social Autht，电子邮件发送，â€）。

摘要和下一步

如上所述，我们的目标是测试是否可以有效地使用react＆node.js生成全堆栈Web应用程序。虽然现在很明显，但我们对新功能和改进有很多想法。

挑战

我们期望主要问题是GPT的上下文规模，但事实证明，更大的问题是它的智能，它决定了诸如计划能力，提供的遵循能力之类的事情说明（我们有很多笑声观察到它有时如何忽略我们的指示），以及不犯下愚蠢错误的能力。我们看到GPT4比GPT3.5给出了更好的结果，但两者仍然犯错，GPT4也很慢/昂贵。因此，我们对AI / LLM领域的进一步发展感到非常兴奋，因为它们将直接影响我们的发电机等工具的输出质量。< / p>

下一个功能愿望清单

  1. 获得此初始实验的反馈 - 无论是在发电机还是黄蜂作为框架本身：离开美国反馈的最佳场所都在我们的不和谐上。
  2. 进一步改善代码代理和Web应用程序。
  3. 发布新版本的WASP CLI，该版本允许通过CLI提供简短描述来生成新的WASP项目。然后，我们的代码代理将使用GPT在磁盘上生成项目。这已经准备好了，应该很快就会出来。
  4. 还允许WASP用户使用代码代理来脚手架WASP应用程序的特定部分 - 您想添加一个新的WASP页面（React）？通过WASP CLI或WASP VSCODE扩展程序运行我们的代码代理，并为您生成，并且已经实现了初始逻辑。
  5. 随着LLMS的进展，尝试一些替代方法，例如尝试通过了解黄蜂的知识来微调LLM，或者在生成代码库中的文件和部分时为LLM提供更多的自由。
  6. 撰写了一篇详细的博客文章，介绍了我们如何实施发电机，我们使用的技术，我们如何设计提示，有效的方法和什么工作，

支持我们！ -

如果您想表达对我们正在做的事情的支持，请考虑giving us a star on Github！我们在WASP上所做的一切都是开源的，您的支持激发了我们的动机，并帮助我们使Web应用程序开发变得更加容易和更少的样板。

thank you