Vibe Coding with Codex - Complete Guide Build a Web App, Desktop App & iOS App with Codex + GPT‑5.5 (No Coding Needed, Beginner Friendly) In this video you will learn: - Vibe Coding Basics + Vocab - How to build a web app using Codex - Add db, auth + storage with @Firebase - Github Basics - Add AI Features (API's) - Deploy to internet (@vercel) - Convert Web App into Desktop app & iOS App Chapters 00:00 Intro 01:12 Setting up Codex 01:57 The basics of Vibe Coding and Codex 02:20 Projects, Files, App 03:45 Example App - Microsoft Paint 04:25 Running app locally 06:39 Save My Code - Use Github 10:37 Quick Review before building app 12:24 Building a web app - The Prompt 15:32 Creating Web App Project 16:34 Explaining Firebase (Database, Storage, Auth) 18:42 Setting up Firebase Project 22:54 Prompting Codex to build our app 24:49 Inspect Element - Console 26:24 Verify Data being Stored in Database 27:51 Making Changes to App 31:29 Fixing Storage Permissions with Codex 32:20 GPT API - Adding AI to our app 36:20 Making more changes using screenshots 39:02 Queuing vs Steering 40:23 Deploying our app to Vercel (App on Internet) 43:09 Convert web app to desktop app and iOS app 47:15 Web App and Desktop App work Now 48:36 Now let's run the iOS app 50:27 All three apps work! 51:11 Making Changes to iOS app 52:51 Testing agent skill feature of our app 53:55 Summary of what we did
ADVERTISEMENT
who to plugin
Amazing video! , Thanks so much Riley !!
What an excellent video as always! You presentation tone and flow keeps you engaged. Just love your energy and excitement too. This really shows you the power of what you can achieve if you are creative enough. It's certainly helped me refine a few steps with my apps I a, building! Thanks!
top video of the year for me 👍
They teach teenagers how to write a resume but never show them how compound interest quietly destroys their future. Reading Smart Broke Dumb Rich by Zor Veyl was the first time I learned whose side the bank is really on.
why do you need to say please to give a command to a computer
If I want to use an IOS app previewer on my computer but I have a windows not a mac what alternatives to xcode simulator are there
hey everyone, was there any info about adding Xcode simulator to codex mentioned? Can't find that one in the description.
I really appreciate the level at which you explained everything.. very easy to understand for a beginner.
Use Claude Code and Codex in iMessage from iMessage. My team and I have been building a new iMessage agent. basically a mobile first way to run AI agents straight from iMessage. Would love for you to check it out: chorus.com
Quite interesting that think Codex is the best for vibe coding, meanwhile, Grok and Gemini think it's Claude lol!
hey can you please tell how much tokens you burned through the whole process? It'd be super helpful :)
👂🏼
Im working with you the same time watching the video, first thing i wanna highlight to the guys that came here and knows nothing about this haha when u run the first command of ` I Want to create a microsoft app ....` once u run the app you will have a fun message with three options just click yes because `What Codex is trying to do there is very normal. That command simply checks and lists the files inside your project folder so it can understand the project structure before generating code.` it dident show up on him in this video because that wasnt his first time . Have a good day
Best vibe coding tutorial for beginners I have found.
You are great at doing tutorials! I'm extremely critical of instructors, but you are 5 star! Keep up the great work!!!!
Please continue what you are doing. These videos are just amazing. Your are very good teacher!!!
Nice video!
what about the security of the app? Is it automatically secure if you use firebase?
How do you deal with context? Right now i have one app install and word + document and it f ills my context up so quick. and it uses like 6m input tokens while only pushed 20k out???