This post is my submission for DEV Education Track: Build Apps with Google AI Studio.
What I Built
I built a simple AI Logo Generator. The app allows anyone to instantly create a logo for their business idea by simply describing the name and the desired style.
Key Prompts:
Create a web app that functions as a logo generator for new business ideas.
The user interface should be simple and clean with the title "AI Logo Generator".
It must have two text input fields:
1. The first input field should have the label "Enter your business name or idea:".
2. The second input field should have the label "Describe the desired logo style (e.g., minimalist, vintage, futuristic):".
There should be a button below the inputs labeled "Generate Logo".
When the "Generate Logo" button is clicked, the app must perform the following action:
Take the text from both input fields and combine them into a single, descriptive instruction. Then, use the Imagen API to generate a high-quality logo based on that instruction. For example, if the inputs are "Quantum Leap" and "futuristic, neon, minimalist", the prompt for Imagen should be "A futuristic, neon, minimalist logo design for a company named 'Quantum Leap'".
Display the generated logo image directly below the button.
I primarily used the 'Build with Gemini' feature to generate the entire application structure (HTML, CSS, JS) and logic. The core of the app relies on the Imagen API for the image generation capability, as instructed by the prompt.
Demo
You can try the live version of my app here: https://aistudio.google.com/app/apps/drive/1yImptZ3meQeq8KT4q-42A0GDWX77r32n
My Experience
I learned how fast it is to go from a simple text idea to a functional web application using Google AI Studio. I was surprised by how well Gemini understood my instructions for both the UI layout and the backend logic for calling the Imagen API.