FREE Vibe Coding with Gemini AI Studio!

1littlecoder · Intermediate ·🧠 Large Language Models ·10mo ago

Key Takeaways

The video demonstrates how to use Google AI Studio with Gemini API to build various applications, including a manga meme machine, a tic-tac-toe game, and a resume builder and analyzer, all without requiring extensive API integration knowledge.

Full Transcript

Hype coding with Gemini API inside Google AI Studio is extremely easy and it's also most effective because you can integrate it with Gemini API without having to know all the nitty-g gritties of how to integrate an API. For example, just from a single prompt, Google Gemini AI studio built this for me. This is a manga meme machine. I can go give a text and then it creates two images. And as you can see, it is in the back end has been integrated with Gemini API and all these from a single prompt. And in this video, I'm going to show you how you can also do this. So the way you can start building is all you have to do is click the hamburger menu and then click build. And then you'll be taken to this screen where you have got already a lot of applications that you can use or you can create your own application. So when if you have created something then it would show up under your apps or you can go to showcase and then see what people have created. For example, we have an application that is called Gemini code drawing. I think this has been put together by the Google team itself. So you can go see uh how the application is built and what kind of things that you can do. The final application you can see here and the code is also available. So what we are going to do is we're going to start from scratch and you can either start from a template. You have a bunch of templates available empty prompt live view embedding um count tokens chat example imagen function calling react example. What I'm going to do is I'm going to just click genen here. And once I click image genen, you can see that I have started with a very simple imagen based application. I don't have a lot of information but the backend integration to integrate with imagen is created. So now I'm going to go here and then say make a manga meme machine web app where as a user I'll go up go give a simple text. It should ideally generate two different memes manga style. The idea is that it's a simple meme making engine. Meme making engine. Send it. And once you send this, as you can see here, it is processed by Gemini 2.5 Pro. So the rate limits would exist if you're going to use it a lot. And it started thinking here. It is understanding what to do. And it will start coding once it has finished the thinking process. It will start coding the application that we wanted and then we can start adding new features and whatever that we want. And the good part here again is like you have got GitHub integration. So you can easily integrate with GitHub. If you have got GCP, Google Cloud Platform, you can deploy it on Google Cloud Run. You can literally download the app and then start using it with your local cursor, Windsurf, Cloud Code, whatever you want to do. Okay. So we have at this point we have something called Manga Meme Machine. Turn your ideas into manga style memes. And we're going to just try it with a very simple tweet I recently saw. After a grueling three hours, I successfully defended my PhD today. I finished my PhD in 3 years. Record in my department. I'm going to copy this. Come back here and paste it. Um Oh, this is nice. It says after grueling 3 hours, I successfully defended my PhD. So, we have two um here. And it even created a bunch of zombie memes. It's quite good. And I can just click the view diff to see what kind of changes has uh happened here. So for every file you can see what kind of changes has happened. And if you want like I can just like deploy it on GitHub or like deploy it on Google Cloud Run. Important thing like I said here is we had already integrated our application with Google Gemini API. So you don't have to do any sort of API integration. So I'm going to just go give one more text. Okay. build a dynamic dynamic tic-tactoe game where I can select two Gemini models and they can play themselves. Okay. Uh let's see. I want to start this. So as you can see here, it is also managing the AP integration. It's developing the AP integration which is probably one of the critical things a lot of people struggle with. So unlike the previous one, this one took couple of more minutes than the previous one. And we have our game ready here. Gemini tic tac toe. Let's try. So we have Gemini Flash, Gemini Flash, irony. And click start game. So player X is thinking, O is thinking. And both the I mean in this case, we have got the same model, but we wanted to add different models like Gemini 2.5 Pro. Before we wind up, I want to create a very simple application. I want to say I want to create a réumé builder and a réumé analyzer given a job description and share rank. It should look like a proper SAS application something like Salesforce. So far all the things are done and I had a little bit of error in the middle. I had to rerun it. It took a couple of minutes. And as you can see here, we have got a landing page sort of thing. And uh it says your resume will be available here. AI analyzer. I can paste my resume. Paste the job description. Let's go pick a job description. Get the job description and come back here. Paste it. And uh get a sample data scientist resume. Copy it and again paste it to ask it to analyze the resume. Analyze resume. It's saying 100% math score. It's a I mean it got a beautiful donut. It says strengths areas of improvement and actionable suggestions. I mean whether you want to actually build a micro sash and launch it like a side gig or you want to use it for yourself. I think this is an excellent way to wipe code within Google AI studio and you're not paying anything to call it completely free. It's within your rate limits and I would strongly encourage you to go try it out. Let me know what you think about this. See you another video.

Original Description

🔗 Links 🔗 Access AI Studio here https://ai.studio/ ❤️ If you want to support the channel ❤️ Support here: Patreon - https://www.patreon.com/1littlecoder/ Ko-Fi - https://ko-fi.com/1littlecoder 🧭 Follow me on 🧭 Twitter - https://twitter.com/1littlecoder
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from 1littlecoder · 1littlecoder · 0 of 60

← Previous Next →
1 How to create your Free Data Science Blog on Github with Fastpages from Fastai
How to create your Free Data Science Blog on Github with Fastpages from Fastai
1littlecoder
2 Making Interactive Matplotlib Plots for Data Science Visualizations on Jupyter (Python)
Making Interactive Matplotlib Plots for Data Science Visualizations on Jupyter (Python)
1littlecoder
3 Create your first Data Science Web App using R Shiny
Create your first Data Science Web App using R Shiny
1littlecoder
4 How to create a Reproducible Example in R using reprex
How to create a Reproducible Example in R using reprex
1littlecoder
5 No Code Visualization using esquisse with Tableau-like Drag and Drop GUI in R
No Code Visualization using esquisse with Tableau-like Drag and Drop GUI in R
1littlecoder
6 Scrape HTML Table using rvest and Process them for insights using tidyverse in R
Scrape HTML Table using rvest and Process them for insights using tidyverse in R
1littlecoder
7 Google Teachable Machine Learning Build No Code AI solution
Google Teachable Machine Learning Build No Code AI solution
1littlecoder
8 Create meaningful fake tidy datasets in R using fakir [#rstats Package]
Create meaningful fake tidy datasets in R using fakir [#rstats Package]
1littlecoder
9 How to enable using R Programming with Visual Studio VS Code
How to enable using R Programming with Visual Studio VS Code
1littlecoder
10 Python, Community, Books - with Abhiram R - Bangpypers Co-organizers | 1littlecoder podcast
Python, Community, Books - with Abhiram R - Bangpypers Co-organizers | 1littlecoder podcast
1littlecoder
11 Growing a Tech Community across India - Anubha Maneshwar, Founder Girlscript | 1littlecoder Podcast
Growing a Tech Community across India - Anubha Maneshwar, Founder Girlscript | 1littlecoder Podcast
1littlecoder
12 Intro to Google Colab - How to use Colab
Intro to Google Colab - How to use Colab
1littlecoder
13 Intro to Plotly Express - Complex Interactive Charts with One-Line of Python Code
Intro to Plotly Express - Complex Interactive Charts with One-Line of Python Code
1littlecoder
14 Indic NLP Python Toolkit Open Source Development - iNLTK Creator Gaurav Arora | 1littlecoder Podcast
Indic NLP Python Toolkit Open Source Development - iNLTK Creator Gaurav Arora | 1littlecoder Podcast
1littlecoder
15 Do you want a career in Data Science - Tamil Webinar
Do you want a career in Data Science - Tamil Webinar
1littlecoder
16 Android Smartphone Analysis in R [Live Coding Screencast]
Android Smartphone Analysis in R [Live Coding Screencast]
1littlecoder
17 Programmatically create Images, Memes, Watermarks using Python with imgmaker
Programmatically create Images, Memes, Watermarks using Python with imgmaker
1littlecoder
18 Kaggle Walkthrough to get you started with Data Science - Webinar
Kaggle Walkthrough to get you started with Data Science - Webinar
1littlecoder
19 Community, Corporate Job, Coding - Gnana Lakshmi T C aka Gyan, WomenWhoCode Leadership Fellow
Community, Corporate Job, Coding - Gnana Lakshmi T C aka Gyan, WomenWhoCode Leadership Fellow
1littlecoder
20 Easy ggplot2 Theme Customization with {ggeasy} | Data Visualization in R
Easy ggplot2 Theme Customization with {ggeasy} | Data Visualization in R
1littlecoder
21 Excel to R - Pivot + Bar Chart in Excel  & R using tidyverse [Live Coding]
Excel to R - Pivot + Bar Chart in Excel & R using tidyverse [Live Coding]
1littlecoder
22 Excel to R #2 - VLOOKUP in Excel to LEFT_JOIN, MERGE in R
Excel to R #2 - VLOOKUP in Excel to LEFT_JOIN, MERGE in R
1littlecoder
23 5 websites to get Free Real-World Datasets for Data Science/ML Projects
5 websites to get Free Real-World Datasets for Data Science/ML Projects
1littlecoder
24 Excel to R #3 - APPROXIMATE VLOOKUP in Excel to FUZZY LEFT_JOIN in R
Excel to R #3 - APPROXIMATE VLOOKUP in Excel to FUZZY LEFT_JOIN in R
1littlecoder
25 Correlation-alternative PPS (Predictive Power Score) Python Package Demo
Correlation-alternative PPS (Predictive Power Score) Python Package Demo
1littlecoder
26 Automated Website Screenshots in R using {webshot}
Automated Website Screenshots in R using {webshot}
1littlecoder
27 Installing Custom RStudio Theme (Synthwave85)
Installing Custom RStudio Theme (Synthwave85)
1littlecoder
28 Analyse Google Trends Search Data in R using {gtrendsR}
Analyse Google Trends Search Data in R using {gtrendsR}
1littlecoder
29 3 Tips to ask question on Stack Overflow the right way to get answers
3 Tips to ask question on Stack Overflow the right way to get answers
1littlecoder
30 Learn Data Science with R - Mini Projects - Web Scraping Zomato
Learn Data Science with R - Mini Projects - Web Scraping Zomato
1littlecoder
31 Easily make Dumbbell Chart using {ggcharts} | Data Visualization in R
Easily make Dumbbell Chart using {ggcharts} | Data Visualization in R
1littlecoder
32 GET Hackernews Front Page Results using REST API in R
GET Hackernews Front Page Results using REST API in R
1littlecoder
33 Quickly deploy ML WebApps from Google Colab using ngrok
Quickly deploy ML WebApps from Google Colab using ngrok
1littlecoder
34 Use Jupyter Notebooks within VSCode (Visual Studio Code) in 2020
Use Jupyter Notebooks within VSCode (Visual Studio Code) in 2020
1littlecoder
35 Plotly Interactive Plots as Pandas Plotting Backend df.plot()
Plotly Interactive Plots as Pandas Plotting Backend df.plot()
1littlecoder
36 Stack Overflow Developer Survey 2020 Highlights for New Programmers
Stack Overflow Developer Survey 2020 Highlights for New Programmers
1littlecoder
37 Matplotlib Animation Charts in Python using Celluloid
Matplotlib Animation Charts in Python using Celluloid
1littlecoder
38 Coding, Postwoman, Passion Project Book - Liyas Thomas Open Source Developer - 1littlecoder podcast
Coding, Postwoman, Passion Project Book - Liyas Thomas Open Source Developer - 1littlecoder podcast
1littlecoder
39 Aspiring Data Scientist, Tips on How to learn Business Domain Knowledge
Aspiring Data Scientist, Tips on How to learn Business Domain Knowledge
1littlecoder
40 Bokeh Interactive Charts as Pandas Plotting Backend df.plot_bokeh()
Bokeh Interactive Charts as Pandas Plotting Backend df.plot_bokeh()
1littlecoder
41 Easy Fast Python Pandas Summary with Sidetable | Pandas Tips & Tricks
Easy Fast Python Pandas Summary with Sidetable | Pandas Tips & Tricks
1littlecoder
42 Inception, Content Ideas, Consistency - Srivatsan Srinivasan AIEngineering YouTube Content Creator
Inception, Content Ideas, Consistency - Srivatsan Srinivasan AIEngineering YouTube Content Creator
1littlecoder
43 ggplot2 Text Customization with ggtext | Data Visualization in R
ggplot2 Text Customization with ggtext | Data Visualization in R
1littlecoder
44 Penguins Dataset Overview - iris alternative | EDA Data Visualization in R
Penguins Dataset Overview - iris alternative | EDA Data Visualization in R
1littlecoder
45 YouTube Growth Tips, Content Creation - Bhavesh Bhatt, YouTuber (Data Science & Machine Learning) #7
YouTube Growth Tips, Content Creation - Bhavesh Bhatt, YouTuber (Data Science & Machine Learning) #7
1littlecoder
46 Matplotlib Animated Bar Chart Race in Python | Data Visualization
Matplotlib Animated Bar Chart Race in Python | Data Visualization
1littlecoder
47 Simple Python GUI Development using {guietta}
Simple Python GUI Development using {guietta}
1littlecoder
48 #8 Niche, Growth, Monetization - David Langer - YouTuber Dave on Data
#8 Niche, Growth, Monetization - David Langer - YouTuber Dave on Data
1littlecoder
49 Simple Fast 3-step Python OCR using Deep Learning 40+ Languages
Simple Fast 3-step Python OCR using Deep Learning 40+ Languages
1littlecoder
50 Github New Feature Profile Summary/Mini-Resume - Profile Views
Github New Feature Profile Summary/Mini-Resume - Profile Views
1littlecoder
51 Otto ML Assistant, GPT-3 on Philosophers, Nvidia-ARM - 3 ML Tech News
Otto ML Assistant, GPT-3 on Philosophers, Nvidia-ARM - 3 ML Tech News
1littlecoder
52 What is OpenAI GPT-3 - Hype, Examples, Worries
What is OpenAI GPT-3 - Hype, Examples, Worries
1littlecoder
53 Julia 1.5, Datamuse API, Live HDR+ Pixel 4a - Machine Learning Tech News
Julia 1.5, Datamuse API, Live HDR+ Pixel 4a - Machine Learning Tech News
1littlecoder
54 Self-driving Car Engineer sentenced, arXiv Dataset, AI/ML Startup Idea - Machine Learning Tech News
Self-driving Car Engineer sentenced, arXiv Dataset, AI/ML Startup Idea - Machine Learning Tech News
1littlecoder
55 GPT-3 Explorer, Ciphey (Automated Decryption), Py-Sudoku - ML Tech News
GPT-3 Explorer, Ciphey (Automated Decryption), Py-Sudoku - ML Tech News
1littlecoder
56 How to use Advanced Google Search to extract Email Ids from Linkedin
How to use Advanced Google Search to extract Email Ids from Linkedin
1littlecoder
57 Cartoonizer Toon-IT (AI Web App), GPT-3 Advice, Android Earthquake Detection - ML Tech News
Cartoonizer Toon-IT (AI Web App), GPT-3 Advice, Android Earthquake Detection - ML Tech News
1littlecoder
58 Flow - R Package to visualize code logic, functions as a Flow Diagram
Flow - R Package to visualize code logic, functions as a Flow Diagram
1littlecoder
59 Build GPT-3-like Language Model on Google Colab with minGPT [PyTorch]
Build GPT-3-like Language Model on Google Colab with minGPT [PyTorch]
1littlecoder
60 Create a Pencil Sketch Portrait with Python OpenCV
Create a Pencil Sketch Portrait with Python OpenCV
1littlecoder

The video teaches how to leverage Google AI Studio and Gemini API to create various applications, including a manga meme machine, a tic-tac-toe game, and a resume builder and analyzer, with minimal API integration knowledge required.

Key Takeaways
  1. Click the hamburger menu and select Build in Google AI Studio
  2. Choose a template or start from scratch
  3. Enter a prompt to create an application, such as a manga meme machine or a tic-tac-toe game
  4. Use the Gemini API to integrate with the application
  5. Test and deploy the application on GitHub or Google Cloud Run
💡 Google AI Studio provides a user-friendly interface for building applications with Gemini API, eliminating the need for extensive API integration knowledge.

Related AI Lessons

Up next
5 Levels of AI Agents - From Simple LLM Calls to Multi-Agent Systems
Dave Ebbelaar (LLM Eng)
Watch →