The latest articles on DEV Community by Σωτήρης Γκούζιας (@sgkouzias). https://dev.to/sgkouzias https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3339455%2F94c96edd-af43-4c03-8705-92e6cb922ade.png https://dev.to/sgkouzias en Σωτήρης Γκούζιας Thu, 10 Jul 2025 07:05:48 +0000 https://dev.to/sgkouzias/my-first-app-in-google-ai-studio-the-heavy-metal-logo-generator-3njc https://dev.to/sgkouzias/my-first-app-in-google-ai-studio-the-heavy-metal-logo-generator-3njc <p><em>This post is my submission for <a href="https://dev.to/deved/build-apps-with-google-ai-studio">DEV Education Track: Build Apps with Google AI Studio</a>.</em></p> <h2> What I Built </h2> <p>The idea was to build an AI-powered application to generate custom heavy metal logos for various sub-genres, based on detailed aesthetic and iconographic rules. I attached the rules generated by Gemini after a deep search and in accordance with best practices as a txt file named "A Technical Guide to Engineering a Heavy Metal Logo Generator in Google AI Studio". Here's the general prompt to build the app in Google AI Studio: </p> <blockquote> <p><em>Build an app to generate heavy metal logos for bands of any sub-genre by following the instructions in the attached txt file.</em></p> </blockquote> <p><strong>Fun fact:</strong> I should admit that I have no familiarity with TypeScript and React; however, the code is written in that stack!</p> <h2> Demo </h2> <p>Click <a href="https://aistudio.google.com/app/prompts?state=%7B%22ids%22:%5B%221thykVSKTcISnbsiUBBzX9nJd6FcfustU%22%5D,%22action%22:%22open%22,%22userId%22:%22117984472630960493378%22,%22resourceKeys%22:%7B%7D%7D&amp;usp=sharing" rel="noopener noreferrer">here</a> to check it out!</p> <p>A screenshot of a the app:<br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7ib6bz5ox0ef0w38p4fm.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7ib6bz5ox0ef0w38p4fm.png" alt="A screenshot of a the app" width="630" height="745"></a></p> <h2> My Experience </h2> <p>Working with Google AI Studio is more than just a technical exercise; it's a journey into the heart of modern AI. The key takeaways revolve around the democratization of AI development, the practical lessons learned bridge the gap between theory and application, and the surprising discoveries ignite the imagination for what's possible in the future of human-computer interaction.</p> deved learngoogleaistudio ai gemini