So how do we turn this idea into an app that works on production in minutes?

I want to make a photo wall for people to play together. People will have fun.

So how do we turn this idea into an app that works on production in minutes?

.

Summary from the session "Turn your ideas into real apps with Google AI Studio and Firebase" from Tee Jirawat Karanwittayakarn, Google Developer Expert in Firebase.

In this session, the focus is on integrating Google AI Studio apps into Firebase.

.

Vibe Coding is a simple app creation by talking to AI. What apps do you make for us? For example, make a Calorie Tracking app. Take 5-15 minutes to make a prototype. And in this session, introduce a tool that works for everyone.

.

🛠️ Tools used to vibe coding.

- Google AI Studio: Use on browser. Send prompt and get ready.

- Google Anitigravity IDE: Fits Dev Line to continue writing code. The environment is used locally.

- Google Antigravity CLI: The original name was Gemini CLI. That's it.

Google AI Studio is a web base. It can be done continuously. It can be done on the computer. Go outside, it can be done through the mobile. It is on the cloud. It can be used by AI to create things quickly and quickly.

🪜 3 Steps to Making Apps to Production

1. Think: What do we do, pain point, what do we want to solve, put 1-shot prompt, ask Gemini, help.

2.Build: Throw the prompt and build, see the item in real-time, and then vibe over and over until satisfied.

3. Publish: deploy to the clouds

We can build anything like a 3D web with Three .js as an interactive or a portfolio.

AI features like typing tell your friend what features you want, like making a picture for you with Gemini Nano Banana.

Vibe code has a pretty front-end, but not yet full-stack. There is a backyard system for Firebase to integrate into Google AI Studio. What you can find in the document will have Firebase Authentication and Cloud Firestore. Cloud Storage will not be listed in the document.

Let's see Tee Show the real thing. We can get the source code directly from Github. We can also put the UI image in it. Or we can use the requirement or PRD to get the prototype for the customer to try.

For example, create a web to generate images by signing-in with Google, and then store email in the database. We can say in the prompt to use Firebase or use the smart features below. Select the "Add database and author."

You can create LINE Mini App without adding an additional program and understand context.

Although it is available for us to choose 5 designs, our kind of Dave is not very good at designing. Try Google Stitch as the tool for vibe design. Here, make a photo wall. It can design the system. Use design.md to use it if you want to control the tone and use it at Google AI Studio. Select the UI page you want, press Export and choose AI Studio.

When uploading an image into Cloud Firestore, it will be base64. It will be modified from base64 to upload file on the storage. It will convert the code for us, and we can press restore to reverse it. Once satisfied, press pulish.

An example that everyone is trying to play with is a photo wall that allows everyone to enter the web and upload the photo as a real-time image retrieval.

The good news is that the custom domain can end with ai.studio.

# Lemon 8 Howtoo # Includes IT matters # googleai # programmer # Developer