AI Coding on a PHONE at a Beach in Bali β
Let's create apps on our phone anywhereπ
2025-07-12
Transcript β
[00:02] [Music] Let's develop an entire 3D game just on our phone with artificial intelligence. Let's make it easy. We're on the beach. Let's jump in. I said, "How easy can it be?" I said, "It's pretty easy just on my phone." We're going to use these three apps you see right here. And to start here, we're going to replet cuz Replet's going to allow us to do some pretty cool things here where we can actually just talk to it directly and render our app. So, we're going to create a new app here. And let's put in our prompt. Well, actually, first we got to select our text stack. So, we're going to do 3D game here. So, I got my first prompt here of let's build a 3D game of an airplane I can fly around.
[00:33] What's great about this is that we're going to be able to do everything. We're going to be able to get it so that we got our GitHub connected here. Push commits. I'm also going to use cursor AI for more complex code. For now though, Replet's going to be amazing here to actually render the app live. And I can do this all on my phone. All on this phone. Zphone. So, let's go ahead and let this agent cook. All right. So, we got our first step here. Are we going to approve the plan? This looks good. 3D model that responds to player controls, basic flight physics, including a movement, turnurning and altitude control. Simple 3D environment. I like it. Approved plan. And we're going to let the agent do its heavy lifting here.
[01:03] This is how easy it is to code now. You thought it was hard. No, no, no. I'm on a beach. That's how easy it is. So, it's developing, but as you can see, it's the preview is a little crazy right now. We're getting a low altitude warning, but it's not letting me control it yet. So, we're going to let this keep working here till we get a nice little preview. So, we got first iteration here, but we have one mistake here. It is doing it for computer controls. We don't like that. So, let's go ahead and update a prompt here. So, we do the prompt here. Make it so it's for mobile and I can play on my phone. So, the agent keep working. So, with just a second prompt there, I think we have a playable game.
[01:35] Go up and down. I like it. So, what we're going to do now, okay, it hasn't crashed. There's no crash mechanics here. Is I'm going to go ahead and let's create this to GitHub so we can connect it to Cursor AI to do even more advanced stuff with it. So, to do that, what we're going to do is we're going to come back here and we will go to our codebase. So, come right here, hit our little folder. Well, not files. This a search right here. We'll do get. And what we want to do is I'm going to connect all three. So, I'm going to connect my replet to GitHub, which can then communicate with cursor AI. I also plan on making a separate video on this topic that's just dedicated to how to make your phone mobile ready. So, I'll
[02:06] make sure I'll link that in the description or make it later today basically. But for now, I'm on really, really bad reception. So, this takes a while. As you can see, Git Pane is not available. So, let me get it available. All right. So, we made it past the cell reception situation. And this is what the git pain look like. But we got to actually create the repository. So we're hit settings here. You know, it actually gave me a pretty good name here. So we're going to say create repository on GitHub. And watch this. This is actually pretty cool. I mean, the fact that we can do this all mobile now really shows you how far we've come once I've created this Git repository. We're going to jump over to the GitHub app. So let's see if we've done that. So I'm going to scroll
[02:37] out. Let's go to GitHub. Let's go to repositories here and let's see if we can find it. Oh, we did. Aerial Adventure. It exists. So now what we can do is let's say you know we like our game but we want to change some stuff but we want to use maybe cursor AI cuz you know we just like cursor AI. So we're going to cursor here with cursor agents new update that came out and we can make a PR here. We're going to merge it and then we're going to render it onto our replet app. So let's let cursor load. So knowing my luck I got locked out of my Google account. The one that is supposed to connect with cursor AI.
[03:08] Yeah, I got locked out. So what we're going to do Hello. I'm good. Thank you though. Is we're going to go ahead. This is what happens when you record it public is we're going to go ahead and do a cursor. This will c actually there we go. It actually logged in. Let's do this before I get locked out. So, we're going to do our PR here. If you remember, the original game had like a green grassy land. So, we're going to do make it look like a beach cuz we're on a beach. And then we're also going to make the plane red. So, we have two changes here. Let's check it out. We're going to let Cursor AI go to the correct repo. So, we're going to select the correct one right here. See if it has it. Aerial
[03:39] adventure. I like it. And then we'll hit enter. And here is what we just learned here. So, not only can we code within Replet and its app right there of AI there, we can actually leverage Cursor's new web app feature or new app feature on the phone and create PRs. So, you're going to see a live PR here that's going to be merged on my phone and then rendered. Pretty cool. So, it's at this moment I realized that in order for Cursor to work effectively, I need to have an internet connection. So, we're going to pivot here. In another video, I'll show you how to make that little merge thing with cursor. It's really cool stuff here. Obviously, I think the one caveat is you're going to need an internet connection to an extent. So,
[04:11] we're going to go and do those same changes though within the Replet app. Coming back over to Replet here. Let's add our prompt. Let's let it generate. So, here we go. We got our game editor Q. Amazing music. [Music] All right. So, we're going to let this crash just cuz we're going low altitude here. But that is how you successfully create a 3D mobile game on the beach. So, what I'm going to do is that in the description down below, I'm going to link that video that shows you how to set up your phone for mobile
[04:42] development. That's going to go over that cursor merge thing. Plus, I plan on doing a bunch of other videos in different context. I'm getting better at this kind of craft. Okay, bear with me. Without further ado, make sure to leave a like. It's completely free. Those are two random videos. I'm on a beach. I'll see you in the next video.