DEV Community

Mihai Angheloiu
Mihai Angheloiu

Posted on

CarCare Pro Generated AI App

#deved #learngoogleaistudio #ai #gemini

Education Track: Build Apps with Google AI Studio

This post is my submission for DEV Education Track: Build Apps with Google AI Studio.

What I Built

CarCare Pro is an all-in-one application designed to simplify vehicle management. It allows users to track multiple cars, logging everything from expenses and service history to insurance details and traffic incidents. The app provides proactive alerts for crucial maintenance like oil changes and tyre rotations, ensuring you never miss a service deadline. It also features multi-language support (English/Romanian), and offers AI-powered maintenance tips from Gemini to keep your vehicles in optimal condition.

The prompts i used:

  1. Initial Concept: "build an app that tracks your car's needs, expenses, service requests, insurance, tyre checkup and replacement, oil monitoring reminder, and other tips regarding periodic car maintainance"
  2. Localization & Multi-Car: "i want the metric system to be european with kilometers, and the currency in euros. i want also to monitor traffic incident history with damage repair costs per incident and i want to be able to maintain many cars, not just one, enabling a car profile select"
  3. Add Car Functionality: "ok, make it possible to add a new car"
  4. Multi-Language Support: "make the app multi-language and add romanian language too"
  5. UI Correction: "sorry, but i don't see the language switch button"
  6. Bug Fix: "Uncaught TypeError: Failed to resolve module specifier "@/locales/en.json". Relative references must start with either "/", "./", or "../"."
  7. New Module Request: "make a reminders & alerts module to remind the user when a car action is necesarry"
  8. UI Correction: "i don't see the module or the feature"
  9. Enhancement for "Add Car": "when adding a new car, make it possible to select the car brand from a predifined list of car makers"
  10. UI Correction: "i can't see t"
  11. Image Upload Feature: "make it possible to upload car image in the add car modal"
  12. UI Correction: "i can't see the add photo feature"
  13. New Module for Car Management: "make also a cars module to list, add, edit, delete and maintain the car list"
  14. Implementation Request: "please add it"
  15. Theme Selection Feature: "make it possible for the user to choose a theme for the app (like dark or light theme)"
  16. Implementation Request: "ok, add it"
  17. Implementation Request: "add the theme selector"
  18. Bug Fix: "ok, the theme switch doesn't seem to be working"
  19. Implementation Request: "ok, implement it"
  20. Feature Removal: "ok, remove the theme selector button as it has no effect and doesn't work"

Demo

Fully deployed URL: https://carcare-pro-11680685933.us-west1.run.app

My Experience

I am still amazed by the simplicity and transparency of the whole process.
One single observation: the whole app regenerates with every single prompt, and tends to take very long as the code base progresses.

Top comments (0)