The latest articles on Forem by AVKS (@ak_moorthy_c3753a8d360ee4). https://forem.com/ak_moorthy_c3753a8d360ee4 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%2F3327115%2F50d7339f-e16c-4881-b787-3f02143dd5af.png https://forem.com/ak_moorthy_c3753a8d360ee4 en AVKS Sun, 06 Jul 2025 01:59:28 +0000 https://forem.com/ak_moorthy_c3753a8d360ee4/imagination-unlimited-build-a-webapp-within-an-hour-using-google-ai-studio-1mbk https://forem.com/ak_moorthy_c3753a8d360ee4/imagination-unlimited-build-a-webapp-within-an-hour-using-google-ai-studio-1mbk <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>Who doesn't love Pokemon and the endless joys in playing with Trading card games. There are tons of Pokemon card makers available over the internet but it lacks of bit of imagination. Hence I have created a fun app for the kids to create their own Pokemon card maker with powerful AI features. </p> <p>As we all know ,the app creation depends upon our imagination especially your prompting skills. </p> <p>I have created a basic prompt and used Google Gemini to enhance the prompting which shown below </p> <p>"Create a full-featured Pokémon Card Maker App that enables users to create, customize, and share their own Pokémon-style trading cards. This app should include both official Pokémon characters and the ability to create custom imaginary Pokémon with rich detail. It must be engaging, fun, and visually aligned with the Pokémon universe aesthetics."</p> <h2> Demo </h2> <p><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%2Fjfpo6nckxv2dn1i2i15r.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%2Fjfpo6nckxv2dn1i2i15r.png" alt=" " width="800" height="521"></a></p> <p>Front page of cardmaker.ai Webapp </p> <p><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%2Fa5vkv6st4bd5gxao3y5x.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%2Fa5vkv6st4bd5gxao3y5x.png" alt=" " width="800" height="875"></a></p> <p>Option to choose your favorite Pokemon character </p> <p><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%2Ffgmt8kqt74d0a2ynl48x.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%2Ffgmt8kqt74d0a2ynl48x.png" alt=" " width="800" height="875"></a></p> <p>Adjust the Pokemon characteristics </p> <p><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%2Frwiliq4vb9an6c71qtfk.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%2Frwiliq4vb9an6c71qtfk.png" alt=" " width="800" height="875"></a></p> <p>Imagination station <br> (Kids can use prompt to generate endless pokemon characters based on their imagination)</p> <p><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%2Flwyfe7n8zrwpfprx4dwj.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%2Flwyfe7n8zrwpfprx4dwj.png" alt=" " width="800" height="875"></a></p> <h2> My Experience </h2> <p>The entire webapp creation took less than an hour starting from scratch to build the entire app. </p> <p>There are few hiccups during the generation of the app and have to use the prompting to fix those errors. </p> <p>What you actually need your imagination / prompting skills. </p> <p>Google AI Studio will be a game changer and cant wait to see the productivity benefits in the coming days<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> </code></pre> </div> deved learngoogleaistudio ai gemini