How I Build Apps With Google AI Studio 💡 Full AI Coding Tutorial
Hi Friends, my name is Callum aka wanderloots. In today’s video, I walk through how I used Google AI Studio (Gemini 2.5 Pro) to code an app for me. 📝💡 This video gives my step-by-step process & strategy on app-building and coding with AI (vibe coding), including prompt & context strategies for long term building ✨ UPDATE: https://www.youtube.com/watch?v=X_JBFLs3vAk
Google AI Studio is an incredible powerful tool that has been helping me turn my ideas into reality. As a non-coder, I have been learning how to code using Gemini 2.5 Pro, enabled in Google AI Studio, while also using this same software to write code for me AND debug it.
It’s honestly amazing how much I’ve learned and built in such a short time, leveraging Gemini 2.5 Pro as one of the most powerful LLMs out there, especially for coding (and it’s free!).
With Obsidian being my favourite non-linear note-taking app, I thought it would be cool to build a custom, personal app for myself: an idea inbox. A dedicated mobile app that lets me drop thoughts & ideas in one place and have them appear in Obsidian for analysis later.
Whether you are interested in Obsidian or not, the concept of ideating, roadmapping, planning, and developing an MVP app for yourself remains the same. Prompt engineering & context engineering are becoming more important than ever as AI tools continue to improve. We need to consider how to scale our apps from MVP to production, leveraging AI for coding along the way.
I also touch on how to use GitHub for version control and how to use Google Cloud Run to deploy your app for sharing. Effectively, you can use Gemini 2.5 Pro as an agentic AI to code for you, versioning with GitHub, and deploying with Google Cloud Run. It’s a full stack!
To learn about deploying apps, check out the next video here: https://www.youtube.com/watch?v=X_JBFLs3vAk
I hope you enjoy! ✨
To learn more about how the AI tools I use, check out my AI Learning Playlist: https://www.youtube.com/playlist?list=PLWhMzDKA7vJ7k0CCHAhCNGXH1BKKEo_we
P.S. I greatly appreciate any feedback, please let me know what you think 😊
Join My Membership: https://www.youtube.com/channel/UCFiU1vIpPD3lQltke_18m3A/join
💌 Sign up for my [free newsletter: Recalibrating](https://paragraph.xyz/@wanderloots.eth?referrer=wanderloots.eth)
🧠 Join my [Hypersub Exclusive Membership ] (coming soon)
🏡 Wander my Digital Garden https://wanderloots.xyz
📰 Try Ground News For Research: 40% discount https://check.ground.news/wanderloots
Timestamps:
00:00 Intro To App Building With Google AI Studio (Gemini 2.5 Pro)
00:46 Today’s Outline & Goals
01:30 Google AI Studio Brief Overview
02:08 Google AI Studio Build Intro
04:02 Step 1: Plan & Roadmap Your App Idea
07:28 Step 2: Iterate & Ground With Research (Improve AI Plan)
10:26 Step 3: Build The App (Start AI Coding)
10:56 Step 4: Docs & Context (Track Plan & Progress)
13:24 Step 5: Versioning (GitHub Connection)
15:05 Context Continuity (Linking Chat History & Roadmaps)
16:15 Step 6: Adding More Features
19:29 Step 7: Debugging New Features
20:54 Step 8: Update Docs With Progress & New Ideas
21:16 Optional Step: Deploy To Google Cloud Run
22:10 Updating The UI Example
23:23 Adding Generative AI Features (Gemini)
24:57 Getting A Google AI Studio API Key
26:51 A Few More Thoughts
WATCH NEXT
🌱 Obsidian & Digital Gardens https://www.youtube.com/playlist?list=PLWhMzDKA7vJ7p50vW-oeZgKR2aDReZFW6
LINKS (MY WORLD)
🧭 [Recalibrating Newsletter Home](https://paragraph.xyz/@wanderloots.eth?referrer=wanderloots.eth)
🏔️To start reading from the beginning: [Recalibrating Newsletter Entry 1: What Recalibrating Means To Me](https://wanderloots.substack.com/p/1-what-recalibrating-means-to-me)
🌍 My [Website](https://wanderloots.com/)
📸 My [Print Shop](https://wanderloots.darkroom.com/) ✨
SOCIALS
🟣 [Farcaster](https://warpcast.com/wanderloots.eth)
📸 [Instagram](https://www.instagram.com/_wanderloots/)
📰 [Flipboard](https://flipboard.com/@_wanderloots)
📍 [Pinterest](https://www.pinterest.ca/wanderloots/)
🤖 [Reddit](https://www.reddit.com/user/_wanderloots)
MY FAVOURITE TOOLS
😴 🤯 The [Waking Up App](https://dynamic.wakingup.com/guestpass/SC4914439) (use this link for a 30 day free trial)
📝 [Obsidian](https://obsidian.md/) (decentralized note-taking)
📹 [Adobe Suite](https://prf.hn/l/lQ9DwpA) (general creativity)
EQUIPMENT USED
6. Camera [Sony A7iii](https://amzn.to/3seSHv6)
7. Lens [Sony F2 28 mm](https://amzn.to/3TiWCT2)
8. Tripod [K&F Concept](https://amzn.to/3soCKCP)
9. Lighting [Ubeesize Ring Light](https://amzn.to/3GD02Zy)
10. Main Lighting Neewer 660 PRO RGB: https://amzn.to/3CEcU2V
Related Keywords:
Gemini 2.5 Pro, AI Coding, Vibe Coding
Gemini, Google AI, Build Apps, Mobile Apps
source
