This post is my submission for DEV Education Track: Build Apps with Google AI Studio.
What I Built
I set out to build an AI-powered interior design app that generates realistic room images based on user inputs like room type, style, color theme, and special features. I used Google AI Studio with Imagen for image generation, Gemini for collecting user data, and built the frontend with React, TypeScript, and Tailwind CSS; additional features include image download, share options, and a history of generated results.
Here is the prompt I used in Google AI Studio:
Create a React + TypeScript + TailwindCSS app that generates realistic interior design images using Google Imagen based on user-selected room type, style, color theme, and optional features, with Gemini-assisted input, image download, sharing options, and generation history.
Demo
My Experience
Working through the track, I learned how to effectively integrate Google’s AI tools—Imagen and Gemini—into a real-world application, especially how prompt design directly impacts the quality of generated images. I was surprised by how smoothly Gemini handled structured data collection and how Imagen could generate visually compelling results with just a few key parameters, making complex design generation accessible with minimal user input.
Top comments (0)