CarCare Pro生成式AI应用

教育赛道：使用Google AI Studio构建应用

这篇文章是我为DEV教育赛道"使用Google AI Studio构建应用"提交的作品。

构建内容

CarCare Pro是一款一体化应用程序，旨在简化车辆管理。它允许用户追踪多辆汽车，记录从费用和服务历史到保险详情和交通事件的所有信息。该应用提供关键维护（如换油和轮胎更换）的主动提醒，确保您永远不会错过服务截止日期。它还支持多语言（英语/罗马尼亚语），并提供来自Gemini的AI驱动维护提示，以保持您的车辆处于最佳状态。

使用的提示词

初始概念：“构建一个追踪汽车需求、费用、服务请求、保险、轮胎检查和更换、机油监控提醒以及其他关于定期汽车维护提示的应用”

本地化和多车辆支持：“我希望使用欧洲公制系统（公里）和欧元货币。还希望监控交通事件历史，包括每次事件的损坏维修成本，并且能够维护多辆汽车，而不仅仅是一辆，启用汽车配置文件选择”

添加汽车功能：“好的，使其能够添加新汽车”

多语言支持：“使应用支持多语言，并添加罗马尼亚语”

UI修正：“抱歉，我没有看到语言切换按钮”

错误修复：“Uncaught TypeError: Failed to resolve module specifier ‘@/locales/en.json’. Relative references must start with either ‘/’, ‘./’, or ‘../’.”

新模块请求：“制作一个提醒和警报模块，在需要汽车操作时提醒用户”

UI修正：“我没有看到该模块或功能”

添加汽车功能增强：“在添加新汽车时，使其能够从预定义的汽车制造商列表中选择汽车品牌”

UI修正：“我看不到”

图片上传功能：“在添加汽车模态框中使其能够上传汽车图片”

UI修正：“我看不到添加照片功能”

汽车管理新模块：“同时制作一个汽车模块来列出、添加、编辑、删除和维护汽车列表”

实现请求：“请添加它”

主题选择功能：“使用户能够为应用选择主题（如深色或浅色主题）”

实现请求：“好的，添加它”

实现请求：“添加主题选择器”

错误修复：“好的，主题切换似乎不起作用”

实现请求：“好的，实现它”

功能移除：“好的，移除主题选择器按钮，因为它没有效果且不起作用”

演示

完全部署的URL：https://carcare-pro-11680685933.us-west1.run.app

开发体验

我仍然对整个过程的简单性和透明度感到惊讶。 唯一的一个观察：整个应用会随着每个提示重新生成，并且随着代码库的进展，这个过程往往会花费很长时间。