DEV Community

Cover image for Design Your Dream Room with AI: My App Built with Google AI Studio
Nolan Dinh
Nolan Dinh

Posted on

Design Your Dream Room with AI: My App Built with Google AI Studio

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

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

Github URL

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)