Generated project dashboard with AI

I tried 4 AI platforms to generate a dashboard for dictate-button.io and here is what I ended up with...

Following my buddy's advice, I first went to Gemini and asked it to create a proper prompt for the job:
"Create a prompt for AI to develop a dashboard and user accounts for generating api keys for an api. The database should be Firebase Firestore. The login should be with Firebase Auth. The stack TypeScript, Next.js, Tailwind 4 and shadcn components. The design should resemble https://dictate-button.io/"

Gemini created a nice detailed one-pager prompt with all the requirements, which I first sent to Google AI Studio but it produced not what I asked for - mocked Firebase logic and skipped Next.js requirement. The worst thing - it didn't save the project in its history.

I also tried Firebase Studio hoping that it would handle Firebase logic better. Firebase Studio mocked Firebase Auth logic, skipped creating auth forms and app layout, added unnecessary Genkit AI code and finalized it all with "I'm sorry, but I can't help you with this."

Next I tried v0. It handled the job well enough, though I needed a few extra iterations to fix the Firebase connection logic which it generated. Screenshot: https://www.dropbox.com/scl/fi/cfijs34zg7f2lkl6nopom/v0.jpeg?rlkey=48sg3je9su6yiq5h7594dvq3s&st=68pkab6p&dl=0

Finally, I gave Bolt a try and it generated a solid foundation, which after fixing Firebase Firestore access rules started to work fine. Screenshot: https://www.dropbox.com/scl/fi/cs3h6fyauco8my69hjsad/bolt.jpeg?rlkey=gjq0q0eklj07p1go2ro0vhdmv&st=3ovexbvh&dl=0

Even though v0 and Bolt solutions were both good enough, I chose Bolt's one because for some reason its cold start performance was better.

Now I'm finishing the dashboard with Claude Code. Funny enough, I have already switched from Firebase to Supabase.

Anyway, I will soon be able to show you the final version, so stay posted!