9/29/2025 - Building a Fully Functional Pet Selfie App From Scratch Using Lovable's New AI and Cloud

Description

Chapters

Transcript

0:04 All right, we're live there. We're live
0:06 here. Come on, champ.
0:12 [Music]
0:28 [Music]
0:36 [Music]
0:47 freedom came our way that night
0:49 [Music]
0:53 just like a jet plane.
0:56 out of sight.
0:58 I was hauling ass at a million miles and
1:02 I was wondering how hard I'd hit
1:09 when they came into the shop.
1:16 They said I was bad beyond repair,
1:21 but I got no qualms with my situation.
1:25 [Applause]
1:27 Say here I am.
1:31 [Music]
1:35 So say Sheree Sheree Sheree won't you
1:39 dare
1:40 to say Sheree Sheree Sheree won't you
1:45 dare to say Sheree Sheree Sheree.
1:52 Uhhuh.
1:54 Yeah. Leave a message and your number.
1:58 Please
1:59 [Music]
2:01 take a time to want to satisfy me.
2:05 [Music]
2:07 Take all these old fantasies and send
2:10 them care of me.
2:17 [Music]
2:29 You got bad breath, doggy. That is some
2:32 bad breath. You had to come closer to me
2:34 to give me some some of that. Is that
2:36 That's a That's a stinky dog. That is
2:39 one stinky dog. What's happening, good
2:42 people? What's happening? What is going
2:44 down with shaking?
2:46 [Music]
2:52 Have I tried making songs for my dog
2:54 singing? I haven't cuz he's a bit
2:56 monotone. He's just he's Johnny one
2:58 note.
3:02 [Music]
3:16 [Music]
3:23 Yeah.
3:26 Woohoo.
3:34 [Music]
3:45 Hello.
3:47 [Music]
3:51 Hello.
3:54 [Music]
4:03 Oh, good lordy good people. So, we got
4:07 some stuff to play with tonight. We're
4:10 going to do some vibe coding later.
4:15 We're going to do it in two places.
4:20 [Music]
4:50 [Music]
4:54 and then open AI's up to some really
4:56 interesting stuff. So, have you been
4:59 paying attention? Probably not, cuz why
5:01 would you?
5:03 [Music]
5:04 Um, there are now three different apps
5:07 that have vertical video
5:10 Tik Tok like platforms
5:14 that are AI generated content. One of
5:17 them is POLABS.
5:20 One of them is Sunno. They've got this
5:23 thing called, what's it called in Sunno?
5:27 Jams. No, something rolls. Hang on.
5:33 Sunno
5:35 inso.
5:40 No, not radio.
5:42 It's called Hooks. Hooks.
5:46 So if you go to sununo hooks, it's like
5:49 Tik Tok except it's sununo music and
5:52 then whatever video you put on top of
5:54 it. So it could be real video, could be
5:56 generated video, but it's AI songs. And
5:59 then you've got Meta who's got this
6:01 thing called Vibes.
6:04 Apparently, OpenAI is about to launch a
6:08 vertical video feed template, flicking
6:12 video vertically like Tik Tok that is
6:15 Sora 2 powered. It's Tik Tok question.
6:19 What are your thoughts on Dcript's
6:20 Underlord? Um, well, I think that, um, I
6:25 haven't played with it enough to have an
6:27 informed opinion on it,
6:30 but having used, um, I played with it a
6:33 little bit early on and it was a little
6:34 janky. Um, and
6:38 and um,
6:42 but I but I like the concept. And if you
6:44 if you want to experience something like
6:46 it, go to producer.ai.
6:50 Um, and that's just for audio. It's not
6:52 for video. Um, but it's it's like Sunno,
6:54 but it's it's more like a chat interface
6:56 for Sunno. Uh, question. Have you used
6:59 Cloud 4.5? No, that's one of the things
7:01 we were going to vibe code tonight was
7:03 go over to Claude and play with 4.5. So
7:06 4.5, we're going to play with Lovable's
7:08 new um cloud backend. we're gonna play
7:11 with. And they're clawed or lovable AI
7:16 where you don't have to do um APIs in to
7:19 use AI.
7:22 [Music]
7:26 And then I figured we'd go look at
7:27 OpenAI's back end. But anyway, what? So,
7:31 so apparently
7:33 uh OpenAI is coming out with this Tik
7:36 Tok like clone that's going to be all AI
7:39 generated video. This is now the fourth
7:42 of these and there's probably more but
7:44 this is the fourth of companies that
7:46 that have got you know large language
7:49 models or you know some sort of
7:51 generative generative model putting out
7:54 content sites AI generated content. Um
7:58 sorry Mr. IT I can't uh wonder where
8:01 human verification
8:05 fits. Um,
8:08 I I don't think it probably does at this
8:11 point.
8:12 I I think I think human verified
8:15 platforms are going to be different. I
8:18 think you're going to see AI generated
8:20 content platforms
8:22 proliferate. You're going to see a ton
8:24 of them.
8:26 I don't think people are really going to
8:28 give a [ __ ] to be quite honest. I know
8:31 everyone's got their panties in a twist
8:33 about is it AI generated? If it's AI
8:35 generated, it's just AI slop. Unless
8:38 it's not like you can you can make
8:42 things with AI that don't suck. Most
8:44 people don't.
8:46 [Music]
8:49 But the things that that get
8:52 popular on these platforms will be
8:55 things that have, you know, are popular,
8:59 right? It might not be your cup of tea,
9:01 but it'll be the things that are
9:02 popular. Tik Tok pin. Brother 52. I had
9:05 a GPT agent
9:07 try to take online quizzes. A trip to
9:10 watch it try to cheat on behalf of
9:13 students.
9:24 Was it trying to cheat on behalf of
9:25 students? I guess students having the
9:28 agent take the quiz for them.
9:33 [Music]
9:34 That's where human verification could be
9:36 really important, right? Verify that the
9:39 student is the student and they can only
9:41 log into the site if they've got a
9:43 verified human ID,
9:46 right? And then you can track their IP
9:48 address and [ __ ] like that.
9:52 When it didn't know the answer, it tried
9:54 to go to Course Hero. Oh, that's f
9:56 funny. I don't I assume Course Hero is a
9:59 cheating site.
10:01 I don't I don't I haven't been in
10:03 college in a while, so I don't know the
10:06 uh I don't know the cheating scene in
10:09 college these days.
10:11 I don't know the learning scene in
10:13 college these days.
10:18 Oh
10:19 man, that's funny. That's funny.
10:24 Can do a little 10 to 20 second vid.
10:31 All it takes is a slightly invasive
10:33 brain probe.
10:37 Um,
10:39 let's go. Um,
10:43 what did I do? I did a post today.
10:47 Twi Twitter's so [ __ ] weird, man. You
10:50 know, I put up stuff that I'm really
10:51 proud of or stuff that I've really
10:53 thought about. It gets zero views. And
10:55 then today I basically just did a repost
10:58 of a a quote a quote tweet
11:02 of the Lovable Lovable's new cloud
11:06 service thing. And I basically said this
11:09 is a bigger deal than people think it
11:10 is. And that's gotten like all these
11:13 shares and likes and comments and [ __ ]
11:17 like that. And I didn't really say that
11:18 much. It's just bizarre what what clicks
11:21 and hits,
11:23 you know. It must be some someone did
11:24 something. Yes. After AI, none of us
11:27 know what learning is anymore.
11:30 Yeah, brother 52. I mean, I I think that
11:33 you're right. I think we don't know what
11:35 we don't know what learning is right
11:36 now. And I and I think that we don't
11:39 know the value of organized learning.
11:43 It was funny as I was saying that I was
11:45 thinking organized religion, but it's,
11:48 you know, it's
11:50 organized learning up to this point, you
11:54 know, to get knowledge into someone's
11:57 head
11:59 required some amount of process. You
12:01 could agree or disagree with the
12:02 process, but it took time to get
12:05 knowledge out of books and out out of
12:07 professors and out of, you know, online
12:09 courses and into someone's head. And
12:12 that took time. And now we're living in
12:15 a world where we're going to play with
12:17 lovable tonight. I don't have to go to
12:20 computer science school to be able to
12:22 code. Now,
12:25 you could certainly make the argument if
12:27 you want to go if if you want to be able
12:28 to code, right? You go to school. But
12:32 what does coding right mean? Coding
12:34 right means what what is the definition
12:36 of it today?
12:38 Right? The big deal about lovable is
12:41 that they're starting to bury
12:44 the configuration part of coding.
12:47 They're starting to take care of that
12:48 for you. They're starting to handle that
12:50 for you. Um,
12:53 speaking of which, because I had
12:55 Superbase hooked up and I think because
12:57 I challenged some computer dude, I think
13:01 he hacked my Superbase. So, so there's a
13:05 good example of if you just have a
13:06 clueless vibe coder like me coding and
13:09 you don't set up your superbase config,
13:12 right? Someone could come in there and
13:13 knock the [ __ ] out of it, which I think
13:15 is what happened. Um,
13:18 which is fine. Like I'll I'll deal with
13:21 that. But like as soon as someone can
13:24 crack that, right? as soon as if it's
13:26 lovable or if it's cursor or whoever
13:29 whoever figures out how to have regular
13:32 people create apps that are decently,
13:36 you know, you know, decently robust,
13:40 then they're going to win, man. They're
13:42 going to they're going to get lots and
13:43 lots and lots of people that have ideas
13:45 that want to put them out in the world.
13:48 So, yeah. Yeah.
13:52 Yeah.
13:55 Um, all right. Let's go let's go take a
13:59 look at a couple of things. So, Open AI
14:05 show this tab instead.
14:13 All right. Um,
14:17 so a couple of things.
14:21 Sora is missing from this list.
14:25 Sora used to be here below Codeex.
14:30 So Codeex is their
14:33 is their coding library or is their
14:35 coding tool.
14:39 And
14:40 Sora used to be right there. Okay, so
14:42 that probably tells me that Sora 2 is
14:44 coming. Maybe it's going to be built
14:46 into this, maybe it's not. Who knows?
14:49 Um,
14:51 and then I went into settings and
14:54 there's a whole bunch of new [ __ ] so I
14:56 figured we'd just go through it.
15:02 Um, the general tab,
15:08 color theme, accent color. If you didn't
15:10 know, you can change accent colors. You
15:12 can, that's kind of fun. Language,
15:15 spoken language, voice, you choose your
15:17 voice. And then show additional models.
15:20 If you want to see 40, you have to turn
15:22 that on. Um, notifications.
15:25 Um, push notifications, push, and emails
15:27 for responses and tasks. So, you can
15:30 turn those off or on. Um,
15:33 personalization. So, there's a bunch of
15:35 stuff in personalization now. They've
15:37 completely redesigned this panel.
15:40 Um, and why is that? Oh, there we go.
15:43 That's better. I was having weird screen
15:46 redraw [ __ ] Um,
15:50 so enable customization. I don't think
15:52 you could turn that off entirely before.
15:54 So, this is now I think they've added
15:56 this blanket switch
15:59 GPT personality. If you click on that,
16:02 wait, this is now different. Hang on a
16:03 sec. Let me reload this page. But I just
16:06 loaded this. This is weird.
16:15 Oh man.
16:20 Okay, I see what they're doing here.
16:22 Okay, so chat GPT personality, they've
16:26 got four default modes other than
16:30 default. Cynic, robot, listener, and
16:33 nerd. So if you haven't played with
16:35 personality, go play with that. And then
16:37 in custom instructions, you can add
16:39 additional behavior. And they've got a
16:40 whole bunch of those. Chatty, witty,
16:42 straight shooting, encouraging, Gen Z,
16:45 pragmatic, outside the box, things like
16:48 that.
16:50 Um,
16:53 about you, what's your nickname? What's
16:55 your occupation? More about you,
16:59 excuse me.
17:01 Um,
17:03 reference saved memories. So, this is
17:05 the ones where you say remember
17:06 something or when it says, "Hey, I
17:08 remembered this." This is where you
17:09 manage them. And if you go to manage
17:11 them, it'll load them and you can I
17:14 don't think you can edit these still.
17:16 No, you can delete memories, but you
17:19 can't edit the memories. So, if you want
17:21 to edit something, you have to delete it
17:24 and then go tell it to save your
17:26 whatever version of it you want to save.
17:28 And then reference chat history is in
17:30 here. And then there's record mode. And
17:33 in advanced, you can turn on or off
17:35 tools.
17:37 So, I don't know if you've been in
17:41 this back end for a while, but it's
17:43 getting quite complicated.
17:46 Connectors are like connecting to things
17:48 like Gmail and Google Calendar. I've
17:51 done that. I don't really use it. I
17:53 don't really trust it. So, they're
17:55 connected, but I don't tend to use that.
17:57 Schedules are interesting. Uh if you
18:00 schedule uh you know you can schedule
18:03 regular prompts like every morning go do
18:06 research on the latest things on
18:10 some subject orders. This is new. No
18:14 orders yet. Products you buy with chat
18:16 GBT will show here. So, one of the
18:18 things that OpenAI announced today is
18:21 that they're going to have um
18:26 the ability to order natively
18:29 for Etsy and Shopify to start with more
18:32 to come.
18:34 So,
18:36 they they've been toying with this for a
18:38 while that they now show product pages
18:41 and links out to e-commerce sites within
18:43 ChatGpt. Now you're going to be able to
18:45 buy directly within chat GBT and they've
18:48 got some sort of commerce connection um
18:51 like an MCP kind of commerce connection.
18:56 Um
18:58 these tools. So so here's the battle
19:01 going on as far as I can tell it. If if
19:04 you think chat GPT is now making a Tik
19:06 Tok like thing with with AI generated
19:10 videos in the feed
19:14 they're kind of trying to do everything.
19:16 And so I think what you're going to see
19:18 is these frontier models as their as
19:20 their platforms get more and more and
19:22 more capable they're all going to try to
19:25 do everything. Um Elon Musk two years
19:28 ago described this as the everything
19:30 app. He wants X to be the everything
19:32 app. It's where you shop. It's where you
19:34 chat. It's where you get hired. It
19:37 becomes LinkedIn. It becomes where you
19:39 do your work. It becomes everything,
19:41 right? It's the everything app. Um I
19:43 think that's where they all start to go.
19:46 There's Mchester. What's happening?
19:48 Source camp's in the house. Connectors
19:50 are amazing when they work.
19:53 Then you have data controls. So you can,
19:57 you know, tell it if you want uh it to
19:59 train other people. You've got security.
20:02 You you've now have parental controls.
20:05 You can add a family member. This person
20:07 is my parent or guardian. This person is
20:09 my child. You put in an email address
20:12 and when they sign in, it's got parental
20:14 controls. Now, if they've got parental
20:16 controls, could you turn off the [ __ ]
20:20 babysitting guard rails, please? That
20:22 would be nice. It'd be nice to be able
20:23 to just, you know, write a fiction story
20:26 that's got that's got bad things in it,
20:30 you know, um without getting yelled at
20:33 for being an immoral piece of [ __ ] Uh
20:36 and then you got and then you got your
20:37 account stuff. So anyway, if you haven't
20:39 been into chat GPT settings in a while,
20:42 it's worth going in there and looking.
20:44 Um
20:45 okay, so Claude, let's go to Claude. So
20:49 Claude today launched um uh Sonnet 4.5
20:55 which Claude Claude Sonnet 4 and Opus 4
21:00 was it Opus 4? I think so. Opus 4.1
21:06 uh was the the big powerful coding model
21:09 and now you've got Sonnet 4.5 and
21:12 apparently this thing coded straight for
21:16 30 hours without losing context. It
21:19 generated 11,000 lines of code over 30
21:23 hours. I don't you know it basically
21:25 just kept working until it got it right
21:28 um and did it for 30 hours continuously.
21:31 Um, I don't quite know what that means,
21:33 but I know that the record previously
21:34 was five hours. So, if this thing can
21:38 now go for 30 hours straight working on
21:40 a coding problem,
21:43 you know, I don't know. These things are
21:46 getting better. Let's just put it that
21:48 way.
21:49 So, I think what might be fun is to just
21:52 go ahead and tell it to write a program
21:55 for us and see if see how it how it do.
21:59 Um, so we'll say um and and I'm going to
22:02 do a uh an Asteroids video game clo
22:06 clone because I've done enough of them
22:08 now that I kind of know what decent
22:10 looks like. So, let's just see if it
22:12 does a decent one. Make me
22:16 an Asteroids
22:19 video game
22:22 clone like the original arcade
22:27 game with vector
22:31 graphics.
22:33 Um, great physics.
22:37 Um,
22:40 sounds that match the original
22:47 controls,
22:49 high score,
22:53 etc.
22:55 Make sure the game looks as much like
23:00 looks and plays. Make sure the game
23:02 looks
23:04 and plays as much like the original
23:09 as possible.
23:14 All right.
23:17 Am I sharing the wrong tab? Yes, I am.
23:20 Thank you very very much.
23:24 All right. So, now this thing is going
23:40 Kyloids.
23:41 That just sounds like a medical
23:44 condition.
23:45 [Laughter]
23:48 All right. Asteroids arcade game. Let's
23:52 see how it do.
23:56 I'll create an authentic Asteroids
23:59 arcade game clone for you with vector
24:01 graphics, classic physics, and all the
24:04 original features. Like, I I mean,
24:06 here's the thing. Enough people have
24:08 done Asteroids clones over the years
24:11 that there are probably thousands, tens
24:14 of thousands of variations of asteroids,
24:18 you know, in the training set.
24:20 So,
24:22 all right, here we go. That looks pretty
24:24 decent actually.
24:30 Press enter to start. Enter.
24:38 Enter. Oh, there we go.
24:41 Oh, this actually this is really good.
24:45 Oh, except I don't know how to shoot.
24:49 Press enter to play again.
24:58 Okay. So,
25:01 the entire game.
25:07 How do I stop that? Stop. Stop.
25:12 Doesn't fit in the window.
25:16 The um
25:19 ship is too fast.
25:23 Spacebar
25:25 doesn't shoot. All right, let's just
25:28 have it go fix some [ __ ]
25:31 Why is that?
25:37 Okay.
25:40 Diagnosed and strategized fixes for the
25:42 game's technical hiccups.
25:54 V4.
25:58 So, it's already written two. It's
26:00 already written and started over on two
26:01 different versions or yeah, two
26:05 additional fixes. So, we're on version
26:07 four already. And the cool thing with
26:10 this is is you can go back you can go
26:12 back to previous versions. Now it's on
26:14 V5,
26:16 the latest.
26:19 All right, here we are.
26:22 Asteroids. Enter.
26:31 Okay. Okay. Uh, things are way fast
26:37 still and I can't see any bullets.
26:45 Reload.
26:47 All right.
26:57 V7.
26:59 So, it looks like it's going in and
27:01 fixing one thing at a time, which I I
27:05 don't know if that's what it is doing,
27:06 but that's actually kind of promising.
27:12 rather than try to fix a bunch of stuff
27:15 and go screw things up.
27:20 All right, so let's go over. We're going
27:21 to hop over to Lovable here in a second.
27:25 And
27:28 because
27:30 while this is cool, if I want to turn
27:32 this into actual something real with
27:34 like a backend, I have to set all that
27:36 up. So let's let's see if we got this
27:38 some version of working. All right,
27:40 that's good. There we go.
27:44 That's not bad.
27:49 It's
27:50 Oh my god.
27:56 Horrible. Okay, whatever.
27:59 Let's go to lovable. All right, so here
28:01 we are at lovable. Um, what's it going
28:04 to do? Okay, so so lovable. So here's
28:07 the big deal with lovable.
28:10 Lovable was the first of the vibe coding
28:13 tools to
28:18 to basically not assume that you're a
28:20 developer.
28:22 It's one of the first vibe coding tools
28:23 like all of the other tools like like um
28:27 like cursor and even replet agent to
28:30 some degree and um uh co-pilot
28:35 GitHub copilot from Microsoft.
28:38 Um all these things basically assume
28:41 that you know what a backend is you know
28:43 you know you know you know what a web
28:45 server is you know what a database is.
28:47 You know what authentication is and how
28:49 to configure it. you know, how to do all
28:51 the security stuff.
28:54 Lovable was the first one that said,
28:55 "We're just going to focus on web apps,
28:58 right?" Which which limits what what you
29:00 can do with them, but it also makes it
29:02 more simple, right? You're just
29:03 developing from one platform, a web
29:05 browser. And they tightly incorporated
29:10 Superbase, which was which was a
29:12 third-party database system, and they
29:14 kind of configured it for you, but you
29:16 still had to set it up. it would sort of
29:18 tell you what to do, but you had to set
29:19 it up. So, when that came into place was
29:22 if you wanted people to be able to
29:24 remember what they typed into your app,
29:26 you need a database. So, what they've
29:29 launched today is Lovable Cloud and
29:32 Lovable AI. And in both of these cases,
29:37 um,
29:38 in theory, we don't have to set up [ __ ]
29:42 So, we can just make an AI app that
29:45 allows people to log in, save their
29:48 [ __ ] and use AI tools. We can build AI
29:52 tools. So, so let's let's go on ahead
29:55 and create a something. Let's see. Um,
30:01 I want to go look for something first. I
30:03 want to go look for some interface.
30:06 So, here I am on the Google. Let me see.
30:08 Um, let me see. Um, image
30:13 uh
30:16 generator app
30:19 and then let's go look at images.
30:23 Let's go find something that's got cool
30:26 interface, man. Yeah, man.
30:30 All right. This is pretty cool.
30:34 Where is it?
30:40 D.
30:42 Can I copy this image? Copy image. And
30:45 then we'll go back to Lovable.
30:48 Can I just paste this? Yes.
30:52 All right. Beautiful. I really enjoy
30:55 Lovable and their un user interface is
30:57 beautiful, but no idea how to use
30:59 Superbase. So, in theory, um, Source
31:02 Camp, you no longer have to do that. So,
31:05 here's what we're going to do.
31:08 I want to create a pet. I've made this
31:14 before. I made this before on Google
31:17 Gemini. Um, a pet selfie
31:23 maker that uses
31:26 lovable AI.
31:34 um and
31:37 lovable
31:41 cloud
31:43 for um
31:46 so users can save their creations. Um, a
31:52 user uploads a picture of their pet
31:58 and
31:59 then selects
32:03 from wait. Selects
32:07 from a list of locations
32:13 or
32:16 types
32:18 in a location.
32:26 Let's see. Location
32:32 or types in a location and then should
32:34 we have
32:38 um and let's see and the kind of outfit
32:43 the pet is wearing.
32:48 And then the app generates a selfie
32:59 as if the pet took
33:02 the pick themselves.
33:06 All right.
33:07 Boom. So, let's see. Here we go.
33:13 Let's see if this actually works.
33:18 Now, if you've already created an app
33:21 that already uses Supabase, my gut,
33:24 well, my experience was it's hard to get
33:27 it to understand that it's got this
33:30 cloud [ __ ] which they may have fixed
33:32 since I tried it because I tried it when
33:33 it first went into beta.
33:39 Do you write a good prompt to connect
33:41 all of those? No, I write shitty
33:43 prompts. So, so one of the So, there's a
33:46 couple of things. Um, because I'm kind
33:48 of writing these on the fly, I'm not
33:51 really using um I'm not really using
33:54 good prompts. Now, what I could and
33:56 should do is I could go over to chat GPT
33:59 and explain to chat GPT what I want,
34:02 have it write a software spec, things
34:04 like that. So, I've done that before in
34:06 here. It just takes it's just a few more
34:08 steps. I also like to see how well these
34:11 tools do with shitty prompts, right? So,
34:14 if if you want one of the best practices
34:17 with something like lovable is give it
34:19 really clear instructions. One of the
34:22 downsides of giving it really clear
34:23 instructions is
34:26 you're losing a bit of that serendipity.
34:28 Like sometimes it'll come up with
34:29 something you're like, "Oh, I wouldn't
34:30 have thought of that." So you can
34:32 overthink it, but it's probably it's
34:35 probably better to come in with a more
34:38 structured prompt into something like
34:40 this than not. But
34:43 most non-engineers
34:46 are not going to come in with good,
34:47 highly structured prompts. They're going
34:49 to come in with shitty prompts. So if we
34:52 if this thing can actually pull off
34:53 something interesting with a shitty
34:55 prompt, then think what it could do with
34:57 a good prompt. Okay, let's see what it
34:58 says here.
35:00 I'll create a a stunning pet selfie
35:02 maker app. Let me analyze the reference
35:04 image. It shows a modern AI art
35:07 generation app with a dark theme of vi
35:09 vibrant pink and purple gradients. Oh, I
35:11 should have told it not to use pink and
35:12 purple. Oh well. Um,
35:16 pet photo upload with preview, location
35:19 selector, outfit selector, AI powered
35:22 generation using lovable AI, user
35:24 authentication, email and password. Save
35:27 selfie view. Gallery of pet selfies.
35:30 Responsive design.
35:33 Tech approach. Lovable cloud for
35:34 database. O and AI image generation via
35:38 edge functions.
35:40 Dark purple theme. Enable cloud. Oh,
35:42 look at this. Allow. Oh, look. Oh, it
35:46 was waiting for me.
35:50 Okay. Complete backend and AI models out
35:52 of the box. Built-in backend. database,
35:55 storage, authentication, and back-end
35:57 logic. What I haven't heard there, I
35:59 don't think that they've got commerce. I
36:01 don't think that they have payments.
36:03 That that is likely next. I would think
36:07 add an LLM to your app. Add chat, image
36:11 generation, and text analysis instantly.
36:14 Free to start, pay as you scale. Free
36:17 usage included everywhere. Top up on
36:20 paid plans. Track usage and settings.
36:24 settings- usage.
36:26 All right. Enabled AI modified the
36:30 database. Create profile tables.
36:34 Can I look at them? No. Wait. Oh, look.
36:38 There's our tables. Look at all our
36:40 tables. Oh, so sexy. It's so sexy. Hey,
36:45 I noticed you have a database table
36:46 there, big boy.
36:49 Did you set up that database just for
36:51 me? Oh my god, that's so sexy. That's
36:55 very sexy.
36:57 Um, all right, it's spinning up the
37:00 preview. We can go look at code that
37:01 it's writing. Starting live preview.
37:06 Um,
37:09 oh, that's interesting. It hasn't even
37:10 started writing code yet,
37:15 although it says starting live preview.
37:19 Editing. Yeah, it's editing all this
37:21 stuff. It's just not showing us yet.
37:28 Cloud's enabled.
37:31 Yeah, this is pretty slick. So, so um so
37:34 Source Camp, this is this is doing what
37:38 you hoped it would.
37:40 You don't have to deal with Superbase
37:48 Fairy Tale Revolution. Hello. Oh, what's
37:50 happening? What's shaking? What's going
37:51 down? I do it the logical way in writing
37:54 rather than prompt engineering.
37:57 That's cool. Yeah, that's a that's
37:59 another cool way to do it, too. Yeah, if
38:00 you just if you just describe it well.
38:03 Yeah, you don't need to do prompt
38:05 engineering. You don't need to do highly
38:06 structured prompts. You can just you can
38:08 just do well-written, detailed um you
38:12 know, explain it in English really well.
38:15 it like lovable was the first one
38:20 when I first started playing with these.
38:23 Replet agent got it pretty close.
38:26 Lovable was the one that the app
38:28 actually looked good, functioned, and
38:32 was super easy. And then when it came
38:35 time to configure the database and
38:36 things, it was actually simple enough
38:38 that you could do it. They they were
38:39 helping you a fair amount. Um, Replet
38:42 agent did that to a degree, but they
38:45 there were kind of some handoffs where
38:46 they were like, "Go figure it out
38:47 yourself there, big boy." Um, and then
38:50 things like cursor and co-pilot and
38:52 things like that. Those those are very
38:54 much designed for engineers, right? They
38:56 assume that you know what the [ __ ]
38:58 you're doing. And quite frankly, if
39:01 you're creating an app to put in the
39:02 world, you should know what in the [ __ ]
39:04 you're doing. But
39:06 that's not always going to be the case.
39:08 And we're in this transition period
39:09 right now where real engineers are
39:12 looking at these tools and going, "But
39:14 those are those are just play things,
39:16 children. That's not real programming."
39:20 And they're not wrong, right? Just like
39:22 a year ago, film people were saying,
39:25 "Oh, that video. Yeah, that's just not
39:28 that's uh that's not usable for
39:30 production grade stuff, right?" And now
39:32 all of a sudden this year, some stuff's
39:34 starting to come out where production
39:36 people like, "Holy [ __ ]
39:38 Now, you're also starting to see, you
39:40 know, companies like Lionsgate going,
39:42 "Uh, this is harder than we thought.
39:45 Um, but we're in a transition period.
39:48 So, if you're on the side of assuming
39:52 that these tools suck and vibe coding
39:55 will never be real coding, you're wrong.
39:59 If you're on the side of vibe coding is
40:02 awesome and it makes worldclass apps,
40:04 you're also wrong." Right? So on these
40:08 two polls, both of those teams are wrong
40:10 right now. We're in this squishy middle
40:12 place where depending on the use case,
40:16 maybe lovable with its cloud backend
40:18 gets to the point that you could
40:19 actually launch a decent app and I guess
40:23 you're going to have to probably figure
40:25 out how to add your own commerce to it.
40:27 But once they add that, you could
40:29 actually have an app that you could
40:30 charge for, right?
40:33 Okay. So don't have an account? Sign up.
40:35 Let's go ahead and sign up, shall we?
40:38 Apparently, we can't. Oh, wait. Welcome
40:40 back. Sign in to continue. Create an
40:42 account. Okay. So, we'll do that.
40:46 And we'll do uh
40:51 [Music]
40:57 dang.
40:59 Okay. Let's see. Don't need that. Don't
41:03 need that. Create amazing pet selfies.
41:06 Upload your pet's photo. So, let's go
41:08 find a Champy photo.
41:11 Champ
41:14 name contains champ.
41:18 Oh, there's a bunch of selfies.
41:21 Um, Adam Champ. Champ.
41:25 Ah, look how cute he is. Oh, wait.
41:27 You're not seeing that cuz I'm That's
41:29 all right.
41:31 Let me close that. Oh my god,
41:35 I've got too many windows open, people.
41:39 You can't see any of this.
41:44 Okay, drag and drop did not work. So,
41:46 that's annoying. Click to upload.
41:50 So, the first thing we're going to say
41:51 is we need drag and drop
41:54 champ.
41:56 [Music]
41:57 Hang on a second. Dad and Champ, what's
42:00 this one? Oh, no.
42:08 Hang on. I'll be with you in a second. I
42:10 just got to get a picture of my dog, my
42:13 big fat pupper. All right, here's a good
42:15 one.
42:17 Image must be less than 5 megabytes.
42:20 Okay, let's fix this. Um we need drag
42:24 and drop and
42:27 um large images should be reampled
42:34 down.
42:36 And then while that's doing that, let me
42:38 see if I can go find a smaller image.
42:43 That's not good.
42:52 That one's good. And that's smaller.
43:03 So, we're going to say coffee shop
43:05 outfit sports jersey generate pet
43:08 selfie.
43:12 All right.
43:15 There's my little doggy
43:21 generating magic.
43:38 See what I'm saying? You see why this
43:40 works, people?
43:45 So cute, right?
43:50 [Laughter]
43:55 Oh, let's see. Can I generate another
43:57 one? Eiffel Tower in a sunglasses and
44:00 Hawaiian shirt. Should be good.
44:05 Save that image. Oh, wait. Hang on. Can
44:08 I copy this image? Wait. How do I get to
44:11 it? Oh, it's not letting me. it. Oh,
44:14 damn it. Oh, save to gallery.
44:18 Save to gallery.
44:21 Download.
44:23 Nice.
44:29 Oh, yeah. Look, now I have a gallery.
44:32 Hey, this is cool.
44:40 Okay. Okay. I should be able to
44:45 rightclick
44:47 save
44:50 or copy
44:52 the images that are
44:56 generated.
44:58 Um,
45:00 let's see what else. What What else
45:02 didn't it do? What else did it do that I
45:04 didn't like? Can we Can we drag and drop
45:07 now? Let me close this. Let me see if we
45:08 can drag and drop.
45:17 image optimize. So, it just optimized
45:19 the image for us. That's cool. That's
45:22 cool that it did that. All right. So,
45:24 we're going to select a location. Time
45:26 Square in a superhero outfit. Generate
45:29 pet selfie.
45:34 It should autosave to gallery.
45:38 Well, but if it creates a shitty one,
45:40 you I don't mind I don't mind it being a
45:42 manual saved to gallery. Like that
45:44 doesn't really look like him. Oh, but
45:46 look,
45:48 it took a picture of of him and put him
45:51 there. Make sure you can upload any file
45:54 size.
45:56 Save in
45:58 Oh, yeah. Save in in different file
46:00 formats.
46:02 Um,
46:04 I should be able to rightclick save the
46:06 images generated. Um
46:09 um
46:14 I should be able to upload in any aspect
46:24 ratio
46:26 and I should also choose
46:31 um wide or
46:34 vertical output.
46:38 All right, let's let's
46:40 check your internet connection. No, it's
46:43 My internet connection is fine.
46:47 Are you going? Are you Are you doing
46:48 your thing?
47:00 All right, it says it's thinking.
47:03 Let me go let me go drag a different
47:05 photo in there.
47:29 These are These are selfies from my
47:31 other time I did this.
47:34 They're so good. These selfies are the
47:37 best. This is all Nano Banana, by the
47:39 way, on the back end here.
47:43 It's so annoying how much
47:46 how most of the selfie image generators
47:48 include a picture of the camera. Oh, we
47:50 can tell it to fix that. Um,
47:54 fix the prompt
47:57 so that the selfie
48:02 doesn't include the device,
48:07 just that they have their
48:13 leg slasharmm out or even
48:19 just a picture of them
48:23 like a friend took it.
48:27 All right. And we're going to go fix
48:29 that. And let's see. Save to gallery.
48:33 Let's save that one. See if that writes
48:35 it to our database. We can't see what
48:37 you're seeing in the other images. Yeah,
48:39 I know. It's a drag.
48:41 All right. So, I've got I I do have two
48:44 Eiffel Tower Paris. I do have two things
48:47 in my in my my pet selfie gallery. This
48:52 is good.
48:54 He'll be the emperor of the litter
48:56 litter. Kyle, why?
48:59 Why? What? Why? Why am I making this
49:02 app? Because it gives me great joy.
49:05 A new social media company would be
49:07 interesting if it did it. Um,
49:11 what did you make
49:14 you never did say? I don't know.
49:18 I might have to copy this one. Actually,
49:20 source camp, this is this is a really
49:23 good um this is a really good parlor
49:26 trick, right? generate a selfie maker.
49:29 Because
49:31 for someone that doesn't understand
49:34 coding, website design, or AI,
49:38 if you want to blow their [ __ ] mind,
49:40 you could go, "Hey, listen. Let's say
49:42 you had an idea and you thought,
49:45 wouldn't it be cool if someday
49:48 you could make an app?" Like if you went
49:50 to the right school and you learned the
49:52 right coding and you learned about
49:54 compression ratios and aspect ratios and
49:58 mathematics
50:00 that you could create an app where
50:03 someone could upload a picture of their
50:05 pet or take a picture of their pet and
50:10 turn it into a selfie as if that pet was
50:12 traveling all over the world. Yeah,
50:14 that'd be cool. Yeah, whatever. And then
50:16 as you're saying that, you're typing in
50:18 the prompt or you just paste in the
50:21 prompt and then you just build it right
50:23 there in front of them. That would that
50:25 would be pretty mind-blowing.
50:27 Great parlor trick, right? I saw them
50:29 making apps that will do voice calls for
50:32 business, setting up appointments.
50:34 Create an app using iOS
50:38 and Cotlin for a startup.
50:43 Um,
50:44 Lovable doesn't do that. There's I think
50:48 there's a new there's a new one out
50:50 there called Mocha, which might do
50:53 native iOS,
50:55 but there's another one. There's one
50:58 that specifically does Yeah. RORO. RK
51:02 specifically does um native iOS apps.
51:07 Um, okay. Let's Let's see what this
51:10 thing says. Done. I've updated the
51:12 prompt to remove devices that are
51:14 generated. Now selfies will look either
51:16 like paw extended style like the pet
51:19 stretched out their leg or arm or friend
51:21 candid style like a buddy took a
51:23 picture. The images will focus on the
51:25 pet's face with natural expressions and
51:28 good lighting. Fix the selfie prompt
51:31 preview latest.
51:35 All right, I think we're good. So, let
51:37 me let me just hit re-roll here.
51:41 We'll reload it.
51:43 Loading your gallery. Oh, look. It kept
51:45 my gallery. Okay, so the database is
51:47 working. So, source camp. This is pretty
51:50 slick, man.
51:52 Pet selfie maker powered by lovable AI.
51:56 Oh, I'm going to say remove.
51:59 Let's see if it'll do it. Powered by
52:02 lovable
52:04 AI
52:06 under the title.
52:09 And let's kill the pink and purple
52:17 color scheme
52:20 scheme.
52:22 Since every
52:25 vibe coded
52:30 app
52:34 uses uses it.
52:38 Let's make it look more like
52:44 I don't know.
52:48 Um,
52:50 come up with a unique idea.
52:57 Um, or I could just go to Google and get
53:01 a better interface that doesn't have
53:03 pink and purple in it. Hang on. Share
53:05 this tab instead. Hang on a sec. Let me
53:08 see here.
53:17 Breaking.
53:18 Oh, all Google models are free for a
53:21 week and lovable. Well, that's cool.
53:26 All right, I'm down with that.
53:31 So, wait. There's no image generation
53:34 app out there that doesn't have purple
53:36 and and pink. Well, here's blue. It
53:40 still has that pink and purple [ __ ] in
53:42 it.
53:51 Let's see. Image generator app analog
53:55 style.
53:59 No.
54:01 [Music]
54:04 There's green.
54:08 Let's at least get green. Okay, here.
54:11 We'll just copy this image.
54:13 We'll go over here to lovable. Oh, what
54:16 did it do? Oh, it made it some sort of
54:18 vomit color.
54:20 Try this one.
54:22 And then we'll hit paste.
54:27 Um, update interface
54:31 to match.
54:39 I kind of feel like Oh, yeah. So, wait.
54:42 So, you upload you upload
54:45 your pet selfie, right? Okay. Hang on.
54:49 Hold please. Champ.
54:52 Name. Champ. Let's see. What's that? No.
55:11 [Music]
55:17 [Laughter]
55:21 He's just a cutie.
55:23 Oh, wait. You're not seeing any of this.
55:25 Oh, you can't cuz because you can't. But
55:28 hang on. I I'll be with you in a second.
55:30 Everybody just calm down. You just calm
55:33 You just cool your jets.
55:41 Oh, perfect photo. Okay, here we go.
55:46 Boom. We're going to share this tab. Oh,
55:49 and it made it made the color green. I
55:50 like this color.
55:53 Look at that. Look how cool that is.
55:55 Okay, we're going to go vertical. We're
55:57 going to go Oh, I should be able to Can
56:01 I type in here? No. Okay. Oh, wait.
56:04 Custom location.
56:09 Okay. Custom. Okay. So, let's see the
56:14 pulld down menus.
56:18 Oops.
56:20 The pulld down menus for location
56:26 etc.
56:28 should let me natively edit
56:34 what's in the box.
56:40 I should be able to choose or type or
56:46 edit.
56:49 Okay.
56:50 So, we're going to have it fix that
56:52 [ __ ] but we're going to go let's see
56:54 coffee shop.
56:57 Uh, party hat vertical generate pet
57:00 selfie. So, we've got a we've got this
57:03 will be interesting to see if it's good
57:04 at this. We've got a horizontal input
57:08 and we're asking for a vertical output.
57:10 Nano Banana is notoriously shitty at
57:13 this. So, maybe because we're using
57:17 Yeah, see it didn't do it.
57:22 It did it horizontal.
57:33 Um,
57:38 we're going to we're going to have to
57:39 we're going to if Nano Banana is the
57:42 back end, can you also create animations
57:44 of this?
57:46 Possibly.
57:48 Um, that would be that would be uh
57:51 whatever you call it. What's their
57:53 what's their video one?
57:56 V3.
57:59 Um,
58:01 can you make it so that
58:06 there is an additional
58:11 button
58:13 after the selfie is made
58:17 that is uh
58:24 animate
58:26 which makes
58:28 the image image
58:32 into a looping video.
58:37 I'm going to take out looping. Just
58:39 makes it into a video. All right, we'll
58:41 try that.
58:45 Okay, now I've got locations and I can
58:49 edit. Great. Beautiful. Did it do that
58:52 with all of them? Yes, it did. Veras.
58:56 Very nice. Except for aspect ratio.
59:00 Okay, for aspect ratio
59:05 um
59:08 I don't need to edit
59:12 just make that a pure pulld down. Also
59:17 increase the font size
59:22 on the editable
59:27 pulld down menus.
59:31 All right. So, we'll do that as soon as
59:33 it fixes if it if it adds this animate
59:36 thing. That would be kind of cool.
59:43 And notice it did it. He's got a weird
59:45 hand, but but it didn't put the uh it
59:48 didn't put the what you call it in
59:50 there.
59:54 Three edits made. Perfect. I've added an
59:56 animation feature.
59:59 Oh, animate. Look here.
1:00:01 Animating.
1:00:03 You think it's really doing it?
1:00:10 Edge function returned a non2x status
1:00:13 code. Yeah, I bet.
1:00:19 Okay, so wait, let's let's go look at
1:00:21 that. Add animate button.
1:00:25 The video button may take a longer
1:00:28 and it uses credits from your workspace.
1:00:36 and animate.
1:00:45 All right. So,
1:00:48 so I'm going to say animate button
1:00:52 didn't work. Let's lose it
1:00:56 also for aspect ratio. Okay.
1:01:00 So, let's let's fix our app.
1:01:19 Joe Dissult. Hey gang, what's he
1:01:21 building? Some kind of animation tool in
1:01:23 lovable. I I built a selfie maker. So
1:01:26 you upload a picture of your pet and
1:01:28 then you stick a location in winter
1:01:32 jacket.
1:01:34 And then we're going to go Oh, we don't
1:01:36 have
1:01:38 We're going to go whatever. We're just
1:01:40 going to say generate selfie picture.
1:01:44 And then it's going to generate a selfie
1:01:46 for us. Oh, wait. Can I right click?
1:01:48 Yes. Cool. That worked. It did. It did.
1:01:52 Save that.
1:01:54 Generating magic. It It actually seems
1:01:56 to be Hey, there's Champion. There's
1:02:00 Champion in in snowy Denver at Sloan's
1:02:04 Lake. That's pretty funny. Uh, and then
1:02:07 I can save to gallery. And it doesn't
1:02:10 really look like him. Like, it [ __ ] up
1:02:11 his eyes a lot, but that's all right.
1:02:17 And so now I've got four different
1:02:19 images saved
1:02:22 because I'm using the database and I can
1:02:24 trash them if I don't like them.
1:02:36 Okay. So, there's vertical.
1:02:40 So, let's do
1:02:43 Oops.
1:02:47 Um,
1:02:49 it looks like you lost
1:02:57 the pick list
1:03:00 for location and
1:03:06 outfit.
1:03:09 Make them
1:03:11 more creative.
1:03:14 Anyway,
1:03:23 and you know what what what's
1:03:25 interesting about this having built this
1:03:27 in the Gemini app building thing
1:03:32 which is at a studio.google.comapps.
1:03:37 It's pretty good and it does some of
1:03:39 this backend stuff for you as well. I
1:03:42 think Lovable's just it's a friendlier
1:03:45 interface environment and it's a
1:03:47 friendlier like it just seems to be a
1:03:49 bit more smooth and fluid with how it's
1:03:52 updating the app dynamically.
1:03:54 Um, I just like it. 24 options for
1:03:59 locations.
1:04:01 Northern Lights in Ireland underwater
1:04:04 coral reef space station window. Private
1:04:07 jet interior. Perfect.
1:04:11 Hot air balloon. This is These are so
1:04:13 good. 24 optional outfits.
1:04:18 Okay, they're not working. Let's reload.
1:04:26 All right, we got to upload We got to
1:04:27 upload our picture of our dog. There's
1:04:29 our dog. Hello, doggy. Look, optimized
1:04:33 image. It It resized it from 6.45
1:04:36 megabytes to port.48. 48 megabytes. Like
1:04:40 just think about that.
1:04:42 I've done enough product stuff in my
1:04:44 life that I I understand that if you put
1:04:48 a file limitation in, can't be larger
1:04:51 than five megabytes because we don't
1:04:52 want to upload giant photos here, right?
1:04:56 You have another option. If someone
1:04:57 uploads a giant photo, rather than
1:05:00 saying, "Hey, go [ __ ] yourself."
1:05:02 You just say, "We'll just take that
1:05:04 photo and we'll resize it because we
1:05:06 don't need a giant photo here." here.
1:05:07 Nano Banana doesn't need super amounts
1:05:09 of detail. It's not generating super
1:05:11 amounts of detail, right? And so it just
1:05:14 did that. How cool is that?
1:05:17 All right. So, let's go pick our
1:05:20 location. Very. And I can type it in.
1:05:22 Good. Very nice. That's what we wanted.
1:05:25 And then let's see. Private jet
1:05:27 interior. I think 24 is a bit much, but
1:05:29 that's okay. We'll do ninja head
1:05:32 headband and mask. We're going to try to
1:05:34 do vertical again. and we're going to
1:05:36 see if we can get it to to fix this. I
1:05:38 have an idea for how to fix it.
1:05:45 [Music]
1:05:52 Yeah. Generate.
1:05:55 Look at him with his ninja headband
1:06:00 on his jet.
1:06:07 Okay,
1:06:09 there is an issue
1:06:12 with
1:06:14 Nano
1:06:17 Banana
1:06:20 where the last image you upload
1:06:26 determines
1:06:27 the aspect
1:06:30 ratio.
1:06:35 Let's
1:06:36 fix this bug. Let's [ __ ] fix this bug
1:06:41 for Google, shall we? Let's fix this bug
1:06:46 by
1:06:48 um
1:06:50 uploading
1:06:52 a
1:06:54 dummy frame.
1:06:58 That is the
1:07:01 correct aspect ratio
1:07:06 after we upload the picture of the pet.
1:07:13 Oh, also we need
1:07:18 to be able to
1:07:22 put in the name of the pet.
1:07:27 And
1:07:30 we should handr write
1:07:38 let's see we should handr write
1:07:42 a note on the photo
1:07:51 that is that mentions
1:07:55 the application
1:07:58 and signed
1:08:00 by pet name
1:08:03 on
1:08:05 uh
1:08:07 yeah that's good. We'll see we'll see
1:08:09 how that does. All right.
1:08:13 Now I want to share something
1:08:17 maybe interesting to you here.
1:08:20 That thing that I just talked about
1:08:22 where the last image that you upload
1:08:25 determines the aspect ratio of Nano
1:08:28 Banana. How did I discover that?
1:08:32 Through a lot of frustration just
1:08:35 playing with Nano Banana. Just playing
1:08:37 with it and playing with it and I could
1:08:39 not figure out what is it? Why can I not
1:08:42 get a consistent aspect ratio? I asked
1:08:44 for it to give me an aspect ratio and it
1:08:46 [ __ ] it up. And at some point on
1:08:49 Twitter, someone said, "Oh, by the way,
1:08:51 whatever is the last image that you
1:08:53 upload on on Nano Banana, that's what it
1:08:55 does the output aspect ratio of." The
1:08:58 dumbest thing I've ever heard, but
1:09:00 that's how it works. So, the only way I
1:09:02 knew that is by playing. So, part of the
1:09:05 goal here of this channel is just play.
1:09:08 Just play. Just play. Try and fix. Yeah,
1:09:11 I had a feeling you were going to [ __ ]
1:09:13 that up.
1:09:16 You went on ahead and you screwed it up,
1:09:19 didn't you? All right, let's see.
1:09:24 Did it lose images? No.
1:09:28 All right, this is still going. I'll fix
1:09:30 the aspect ratio bug bug and add the pet
1:09:32 name at the handwritten note in the
1:09:33 photo.
1:09:37 I'm already thinking how to monetize
1:09:38 this. Play with mixboard yet. So
1:09:40 amazing. Yeah, papa papa dunk dunk. Papa
1:09:44 Dunk. So, not only did I play with
1:09:46 Mixboard, we went to Where did we do it?
1:09:54 I think we went to the Gemini
1:09:56 astudio.google.comapp,
1:09:58 the appmaker, and we made um a version
1:10:03 of Mixboard. We we vibecoded a version
1:10:06 of Mixboard like three nights ago. It
1:10:08 was It was really cool. Yeah, mix
1:10:10 Mixboard's pretty slick, but it's like
1:10:12 you can vibe code you can vibe code a
1:10:15 better version of Mixboard than what
1:10:16 Mixboard currently is. Like I had I had
1:10:20 it um auto aligning pictures with, you
1:10:22 know, auto alignment with with like the
1:10:24 lines that show up dynamically. It was
1:10:26 pretty cool. All right. Um let's see if
1:10:31 we have a functional app.
1:10:34 All right. Red carpet premiere.
1:10:38 He's going to be wearing a wizard robe.
1:10:41 And we're going to go vertical. Generate
1:10:43 pet selfie. Please enter your pet's
1:10:45 name. Where's the pet's name? Oh, pet's
1:10:47 name. Champ. Champy.
1:10:50 [Laughter]
1:10:52 Hey, Champy.
1:10:58 Look at that. It had error checking in
1:11:00 it. I didn't put in the the pet's name
1:11:03 and it fixed it. It flipping fixed it.
1:11:04 How cool is that? Now, let's look at our
1:11:08 selfie gallery. If you click on the
1:11:09 pictures, it's not zooming in.
1:11:12 Look at that. Greetings from the red
1:11:14 carpet premiere. Champy. How cool is
1:11:17 that?
1:11:19 Damn.
1:11:21 Save to gallery.
1:11:24 Saving.
1:11:27 Wish that were a little snappier, but
1:11:29 you know.
1:11:31 There you go. It it it also did not do a
1:11:34 vertical selfie. Um,
1:11:38 let's see. Aspect ratio fix. Uh, added a
1:11:41 dummy frame upload after the PET image
1:11:43 to force the correct aspect ratio.
1:11:48 Um,
1:11:50 the aspect ratio fix did not seem to
1:11:57 work.
1:11:59 Um,
1:12:03 another
1:12:11 did not seem to work.
1:12:15 Um,
1:12:19 that red carpet thing is really good.
1:12:22 It's a really good photo. Oh, okay.
1:12:26 uh try something else.
1:12:30 And then we're going to also do um
1:12:33 clicking on any image
1:12:37 uploaded,
1:12:41 generated
1:12:44 or um gallery
1:12:50 should
1:12:52 zoom into that.
1:12:57 image full screen.
1:13:00 Okay.
1:13:04 So,
1:13:12 we got a we we got a pretty cool app
1:13:14 here, I gotta say. Oh, you know what
1:13:16 else I want to do? I'm going to I'm
1:13:17 going to say um
1:13:20 reduce the number
1:13:24 of choices
1:13:28 in the location and outfit to 12 each.
1:13:34 Keeping the most
1:13:37 creative with some classic
1:13:42 locations.
1:13:46 Um,
1:13:51 let's see. Also
1:13:55 make the
1:13:58 list font size
1:14:01 larger.
1:14:06 Do we want anything else? Oh, yeah.
1:14:08 Finally, keep the
1:14:14 customize your pet selfie
1:14:20 window um
1:14:24 on screen even before
1:14:28 the user uploads
1:14:33 their pet photo.
1:14:37 Okay. What did we just have it do? Oh,
1:14:39 fix the aspect ratio. All right. Let's
1:14:41 try one more thing. We're going to fix
1:14:43 this. Let's try to do our aspect ratio.
1:14:49 I have low self-confidence this will
1:14:52 work.
1:14:56 Snowy Mountain Lodge in a fashion
1:14:59 designer outfit. His name's Champy.
1:15:03 Oh, we should also That should be
1:15:06 We should remember that. Oh yeah, that's
1:15:08 what we should do. Um, we should also
1:15:13 remember the
1:15:16 uploaded photo and
1:15:20 the pet name
1:15:24 into
1:15:27 the database.
1:15:33 Uh uh uh uh uh uh.
1:15:38 Greetings from Snowy Mountain Lodge.
1:15:40 Champy,
1:15:44 tell me this isn't the [ __ ] best.
1:15:54 Oh my god. It's good. Okay, now we lost
1:15:57 our Now we're losing [ __ ] Okay.
1:16:01 So, let's fix this.
1:16:04 By the way, what I'm experiencing here
1:16:08 where I fix one thing, it breaks another
1:16:10 thing. I do this, it breaks that. This
1:16:12 thing I just can't fix at all. That's
1:16:15 vibe coding.
1:16:17 And if you want to [ __ ] about it, you
1:16:19 can [ __ ] about it. But, um,
1:16:23 the option the the other option is go
1:16:26 learn to code.
1:16:34 [Music]
1:16:40 All right.
1:16:44 That's life. Exactly.
1:16:47 That's exactly right.
1:16:59 Okay. So, it kept our our this thing
1:17:02 here. So, it's not a big empty hole.
1:17:03 That's great.
1:17:05 And your pet's name, Champy.
1:17:09 Let's drag and drop an image onto it.
1:17:11 Bang. It's It's processing. Pet photo
1:17:15 uploaded. Beautiful. There it is.
1:17:19 There's our 12 locations. Hot air
1:17:21 balloon ride. Outfit. Sunglasses and
1:17:24 Hawaiian shirt. Vertical
1:17:28 refactor update lovable to something
1:17:31 whatever. Okay.
1:17:33 Generating selfie magic. It's still
1:17:35 remembering other selfies.
1:17:39 I'm feeling like we need those to be
1:17:42 smaller.
1:17:45 We need those to be a little smaller.
1:17:48 Well, that's a very cute photo,
1:17:52 but we ain't got no aspect ratio action.
1:17:55 Okay,
1:17:58 I have another idea
1:18:02 for aspect ratio.
1:18:07 If I change the aspect
1:18:10 ratio,
1:18:14 why don't you recrop
1:18:20 the up
1:18:23 loaded
1:18:25 photo to match
1:18:29 the aspect ratio
1:18:33 virtually. Y
1:18:38 and then when
1:18:41 you send the photo
1:18:45 to Nano
1:18:47 Banana,
1:18:49 send the cropped
1:18:53 version.
1:18:55 Let's try that.
1:18:59 Boom.
1:19:01 Greetings from Hot Air Balloon Ride
1:19:03 Champy.
1:19:12 It's so amazing what's possible. It
1:19:15 blows my mind every day. I I listen, we
1:19:18 are in such different territory. What
1:19:21 what's what blows me away when I when I
1:19:23 posted today that that this lovable
1:19:25 update was a big deal and I got, you
1:19:28 know, coders coming in there, show me
1:19:31 one example of something that was done
1:19:33 that's, you know, an actual scalable
1:19:35 app. Like, they're just all [ __ ]
1:19:37 bitter. Like, I get it. I get the
1:19:39 existential threat.
1:19:42 like Accenture, Accenture laid off
1:19:45 11,000 people today and more are coming
1:19:49 uh because AI is changing consulting
1:19:52 fundamentally. Um that's every job every
1:19:56 job is going to be blasted like that.
1:19:58 But
1:20:01 but like
1:20:03 the the the idea that that these tools
1:20:06 aren't going to get better is crazy.
1:20:08 It's crazy. It's crazy. I tell you,
1:20:12 crazy crazy crazy.
1:20:16 Oh, cropped preview. Vertical. Look at
1:20:18 that. That works. Square. All right.
1:20:21 Vertical. Choose a location.
1:20:24 Okay. So, wait. So, so instead of wait
1:20:28 instead of the corrupt
1:20:33 preview
1:20:37 being in
1:20:43 the
1:20:45 customize
1:20:47 window, just
1:20:52 change the display of the uploaded
1:20:57 original uploaded
1:21:00 original.
1:21:07 Yeah, that's good.
1:21:10 You should share this on X. Tag Lovable
1:21:13 once you publish it.
1:21:17 Oh yeah, by the way, Lovable for the
1:21:19 next seven days is doing a Lovable
1:21:21 Buildathon. Today was the first day. I
1:21:24 didn't even realize that. But um this is
1:21:27 a cool enough um feature launch. This
1:21:30 this virtual backend, this cloud cloud
1:21:33 backend, cloud AI and cloud lovable
1:21:36 cloud lovable AI. You don't have to
1:21:39 configure [ __ ] The only thing missing
1:21:41 right now is uh is what you call it?
1:21:46 Um
1:21:54 The only thing missing right now is
1:21:56 payment
1:21:58 Champion. Okay, so it's not remembering
1:22:00 Champy's name. Okay, so um the app isn't
1:22:05 retaining remembering
1:22:09 the pet name or the pre
1:22:15 file upload. It should
1:22:27 this experience that we're having right
1:22:29 now where the bulk of the app was done
1:22:33 in whatever it was 15 minutes and then
1:22:36 all of these little details that I'm
1:22:38 doing right now are taking for [ __ ]
1:22:40 ever. This is software development. Like
1:22:43 this is it. Software development is oh
1:22:46 that's cool. Oh, but you know what it
1:22:47 should do? It should do this. You're
1:22:50 like,
1:22:51 "Dang, nab it." Uh oh. Did Oh, allow
1:22:55 that. Why?
1:22:59 Okay, that's working. Free tier. Five
1:23:02 prompts per day gets 25 bucks a month in
1:23:04 cloud compute credits. AI plus storage.
1:23:08 That 25 bucks a month in cloud compute
1:23:10 credits, Brandon, is like I that that is
1:23:13 such a meaningless number. I mean, it's
1:23:15 it's not,
1:23:17 you know, it's it's it's not
1:23:20 meaningless,
1:23:22 but does that is that going to get you
1:23:25 like you can have two users making 10
1:23:28 images and then you're done, or is that
1:23:31 like 2,000 users making 20 images and
1:23:34 then you're done? That's a lot.
1:23:38 That's a lot for a startup.
1:23:41 Well, not if if Nano Banana is still as
1:23:46 expensive as it was. I think Nano Banana
1:23:48 is like 30 cents an image or something
1:23:50 like that. Maybe even more. Northern
1:23:52 Lights in Ireland wearing tuxedo. We're
1:23:56 going to go vertical. Notice how it
1:23:59 fixed our our image vertical image here.
1:24:01 This is cool.
1:24:03 All right, let's see if it generates a
1:24:05 vertical image.
1:24:09 Come on here, boys.
1:24:13 generating image.
1:24:17 We got vertical.
1:24:20 We got vertical. You understand what I'm
1:24:23 saying, peoples?
1:24:27 All right. I like it. I like it. I like
1:24:30 it a lot.
1:24:38 All right. So, oh, and we're getting our
1:24:41 we're getting our Yeah, we're getting
1:24:43 our full If you click on [ __ ] you get
1:24:46 the full zoomin image. This is good app.
1:24:49 This is I I got to say that I don't know
1:24:52 what what backend they're using here
1:24:54 right now. Do we know
1:24:58 settings?
1:25:01 Project settings.
1:25:05 Project category. Hide the lovable
1:25:07 badge. Yeah, we want to hide that.
1:25:11 Includes unprotected database samples
1:25:13 and security scans. Rename, remix.
1:25:18 All right. I don't know what I don't
1:25:19 know what backend they're using here,
1:25:21 but it's really good.
1:25:23 Like, it's it's quick and it's it like
1:25:25 it's not really [ __ ] too much up.
1:25:31 Oh, let's see. Okay, so here's a bug.
1:25:36 bug.
1:25:38 After I generate
1:25:42 the pulld down menus are blank.
1:25:53 So, we want to fix that. Oh,
1:25:56 also
1:25:59 um let's make the gallery
1:26:05 three columns
1:26:10 instead of two.
1:26:14 and
1:26:17 display whatever
1:26:21 aspect ratio
1:26:24 the image is in the thumbnail.
1:26:32 So the user
1:26:35 doesn't have to open the image to see
1:26:40 the tiles
1:26:44 should
1:26:46 remain consistent
1:26:50 size
1:26:52 regardless
1:26:54 of aspect ratio.
1:26:58 Okay. Beautiful. Beautiful. Beautiful.
1:27:02 Beautiful. Let's go. Let's go square
1:27:05 and generate a selfie square
1:27:09 while it's while it's recoding.
1:27:12 So, are we saying that Lovable doesn't
1:27:14 need a Gen Xer? No, you of course you
1:27:17 need a Gen Xer. You You've got to have a
1:27:19 cranky Gen Xer in the corner. But I
1:27:21 would say Lovable Here's what's clear to
1:27:25 me about Lovable. Lovable has hired some
1:27:27 liberal arts majors. Is that square?
1:27:30 That's square, right? Yep, that's
1:27:32 square. Beautiful. Beautiful. Beautiful.
1:27:36 Beautiful.
1:27:37 And now let's do a horizontal wide.
1:27:41 Should we should call it not vertical,
1:27:43 we should call it tall. It should be
1:27:44 wide and tall. Square wide. Tall.
1:27:47 Come on.
1:27:49 Come on, people. Let's go wide.
1:27:55 Oh, look. It did it. It fixed it. It
1:27:57 fixed it vertical. Okay. fix both
1:28:00 issues.
1:28:02 Um, no, it's not. It's not three across,
1:28:06 is it? Oh, it's three AC across if you
1:28:09 go wide.
1:28:14 Uhoh. What did I do? Can I get it back?
1:28:30 That's so cute.
1:28:49 Okay. Got an idea here.
1:28:54 Okay. Um
1:29:03 um let's
1:29:08 make the
1:29:12 gallery
1:29:15 tiles smaller
1:29:19 still. So, it's four wide
1:29:23 for a web page,
1:29:29 three wide
1:29:32 for a skinny page,
1:29:36 and vertic and and uh skinny page. Okay.
1:29:40 Damn it.
1:29:42 And uh
1:29:45 single
1:29:49 for mobile
1:29:51 also. Um,
1:30:01 generate the selfie
1:30:06 above
1:30:07 the controls
1:30:10 and uploaded
1:30:15 image.
1:30:19 Should it be should it be the gallery?
1:30:23 You either flip to the gallery.
1:30:40 Let's just let's just see what this
1:30:41 looks like.
1:30:48 What are the little crowns next to our
1:30:50 names? Why am I number three?
1:30:53 How do I become a number one?
1:30:59 Does Lovable work for mobile apps, too?
1:31:02 No. Right now, Lovable's only for web
1:31:05 apps.
1:31:08 Nano Bananas 4 cents on replicate. Okay.
1:31:15 All right. So, this is good. So now put
1:31:17 the selfie up here.
1:31:28 Okay, let's add so let's add
1:31:31 so
1:31:34 to the options be low the selfie.
1:31:42 Let's
1:31:44 add a couple
1:31:46 The buttons
1:31:49 should be
1:31:52 um
1:31:59 retake.
1:32:01 Let's see. Um redo.
1:32:04 Redo.
1:32:09 Um
1:32:11 redo.
1:32:14 Save to gallery.
1:32:21 View gallery.
1:32:27 Download. Oh, you know what else is
1:32:29 missing? Share.
1:32:36 Let's add a few.
1:32:39 And then share should use use native
1:32:43 sharing panel.
1:32:47 Boom. All right. This is now starting to
1:32:50 turn into an app. Maybe add a little
1:32:51 dice icon that will randomly choose a
1:32:53 location and outfit. Some people aren't
1:32:55 very creative. I like that. I like that.
1:32:58 Okay. Um we'll we'll do that next time.
1:33:13 This is so cute.
1:33:22 [Laughter]
1:33:32 If you wonder why they call it vibe
1:33:34 coding cuz
1:33:36 like just how I'm going tonight like I'm
1:33:38 like ah we could do this. We could do
1:33:39 that. Oh, I have an idea. Could do this,
1:33:41 could do that.
1:33:44 An error occurred trying to fix
1:33:46 automagically.
1:33:48 Beautiful. What model is it using for
1:33:50 the images? Nano banana.
1:33:53 An error occurred. We'll try to fix
1:33:55 automatically.
1:33:56 Okay, good. This is This is good.
1:34:00 Times Square, New York. We're going to
1:34:02 go Rockstar Leather and we'll go tall.
1:34:05 Oh, we didn't call it tall yet. We've
1:34:07 got to fix that. Generate pet selfie.
1:34:11 Now, let's see if this is confusing. I'm
1:34:13 just going to let it sit here because
1:34:14 what what the selfie is going to do is
1:34:16 it's going to move all this [ __ ] out of
1:34:17 the way. I think that's right. I think
1:34:20 we want the top of the thing to be the
1:34:23 image, right? Pet selfie generated. Ah,
1:34:26 okay. We've got to jump to the top.
1:34:31 [Laughter]
1:34:37 Okay. Redo. Um,
1:34:44 all right. Let's see.
1:34:47 Important
1:34:56 question
1:35:01 via one of your API keys or lovable
1:35:03 lovable baby. So listen,
1:35:06 the reason we're playing with lovable
1:35:08 tonight, today they they launched it
1:35:12 came out of beta. I played with it a
1:35:13 little bit in beta,
1:35:15 but it came out of beta today. Lovable
1:35:18 launched two different products,
1:35:22 Lovable Cloud
1:35:24 and Lovable AI. Lovable Cloud is a
1:35:29 back-end database and O
1:35:34 uh environment.
1:35:36 So instead of having to hook up
1:35:38 Superbase, which you had to do before,
1:35:40 in which mine got hacked tonight because
1:35:43 I was mouththing off to developers,
1:35:46 someone went in and said, "I'll teach
1:35:47 you, you [ __ ] punk."
1:35:50 So that that is now all just handled.
1:35:54 And then lovable AI is it just
1:35:57 automatically I assume it's using Google
1:36:00 technology here because it's using nano
1:36:02 banana for the images. But basically you
1:36:05 can create an AI powered app. It it
1:36:09 doesn't look like we can do animations.
1:36:11 It doesn't look like it's using V3 but
1:36:14 we're using nano banana. I didn't have
1:36:15 to configure a [ __ ] thing.
1:36:18 Like this was literally let's make a pet
1:36:21 selfie maker. And essentially from the
1:36:24 first prompt, this thing has been
1:36:25 generating pet selfie make pet pet
1:36:27 selfies. Um, okay, let's see. Um,
1:36:34 okay. We we we've got to do something
1:36:36 here. So, wait. When a selfie is
1:36:41 generated,
1:36:43 um,
1:36:46 jump to the top of the page.
1:36:53 Also,
1:36:57 um
1:37:00 set a max
1:37:03 height
1:37:05 on
1:37:11 images
1:37:13 that matches
1:37:32 The
1:37:35 customize
1:37:40 your pet
1:37:42 selfie pain
1:37:47 so that
1:37:49 vertical images aren't
1:37:53 massively
1:37:55 tall and require you to scroll to see
1:38:01 them all.
1:38:04 Also change the aspect
1:38:10 ratio
1:38:12 name
1:38:14 vertical
1:38:16 to
1:38:18 tall.
1:38:22 Let's just do that for now. Um, the way
1:38:25 that I am prompting this right now is
1:38:28 bad.
1:38:30 So again, use me as the way not to do
1:38:34 [ __ ] You can do it better. Um,
1:38:37 ideally what you do is
1:38:41 you generate your little app.
1:38:44 You then fully test it and you take
1:38:47 little notes, right? And you compile
1:38:50 your bug list off to the side and then
1:38:52 you compile your ideas. And rather than
1:38:55 doing it ad hoc, like two or three
1:38:57 little unrelated ideas, like look at
1:39:00 your things and and put together like a
1:39:02 long list of here's all of the bugs I
1:39:04 found. Please go fix them all because
1:39:07 you b you burn way more credits doing it
1:39:10 the way I'm doing it right now. Um the
1:39:13 other thing that you can do in Lovable,
1:39:15 which I haven't really done yet, is you
1:39:17 can go into chat mode. Um and it doesn't
1:39:20 burn as many credits because you're not
1:39:22 actually generating code. You can also
1:39:24 edit the the the front end. Like if I go
1:39:28 edit right here, I can go in and I can
1:39:30 change, you know, this color if I want
1:39:31 to some other color. So, um there's all
1:39:35 sorts of [ __ ] that you can do in there.
1:39:37 Okay, this is good. Okay, so this
1:39:40 generated this. We're going to save this
1:39:42 to the Wait, that's see the gallery.
1:39:43 Okay, save saves it to the gallery.
1:39:47 We're going to see the gallery. That
1:39:49 jumps us down here.
1:39:56 All right, let's let's shrink that.
1:39:59 Okay, so it goes to three, then it goes
1:40:01 to four. Okay, that's nice. That works
1:40:03 nice. That's good. There's our pet
1:40:07 selfie. It's not massive.
1:40:11 Okay,
1:40:14 that's really good. Let's go
1:40:17 wide.
1:40:19 We're going to go Oh, we still have the
1:40:21 Okay. Uh, still have the bug
1:40:27 where the
1:40:30 dropdown
1:40:31 menus
1:40:34 are blank
1:40:36 after generating a selfie.
1:40:41 Okay,
1:40:43 we're we're getting there. This is This
1:40:44 is almost a publishable site at this
1:40:46 point. I would think we're getting
1:40:48 pretty close
1:40:50 still to talk about the Chroma Awards.
1:40:54 So, yeah. So, if you go to the AI salon
1:40:58 and go to there's a competitions space.
1:41:02 Um, go look at the Chroma Awards. I I
1:41:05 uploaded um the to kill you for a dollar
1:41:08 video. I think I showed that last night,
1:41:10 didn't I? Wait, what's today? Today's
1:41:12 Monday. Didn't I show that Friday or did
1:41:14 I finish that this weekend?
1:41:17 Maybe I finished that this weekend. I'll
1:41:18 I'll show you the uh I'll show you the
1:41:21 video I uploaded uh to the Chroma
1:41:23 Awards.
1:41:24 Um but but if you haven't um applied for
1:41:27 the Chroma Awards, you should.
1:41:30 Okay, so now we Okay, good. This is
1:41:33 good. Can I still get in here and edit?
1:41:35 No, I can't. Okay, here's a this is a
1:41:38 good example of a shitty bug where it
1:41:44 fixed one thing and then broke another
1:41:45 thing. Um, now you made it
1:41:50 so that the
1:41:53 fields are no longer editable.
1:42:00 They should be nice and
1:42:04 big fonts
1:42:06 and easy
1:42:09 to read like they are now.
1:42:14 But I should
1:42:17 be a damn it
1:42:21 should be able to
1:42:24 um edit the fields manually.
1:42:32 except for
1:42:36 output format.
1:42:40 Okay.
1:42:57 Everybody having fun? This is cool. This
1:42:59 is This is You understanding what's
1:43:01 happening here, right? We're vibe coding
1:43:04 up a [ __ ] storm.
1:43:12 What do they call that? Where they put
1:43:13 like a blurred version of the same image
1:43:15 zoomed in behind it. Anybody know what
1:43:18 that's called?
1:43:20 Greetings from Times Square, New York.
1:43:23 Champy.
1:43:25 That's so good.
1:43:33 Depth of field. No, it's not called
1:43:35 depth of field. Composite. Yeah, sort
1:43:38 of.
1:43:40 Once the bugs are fixed, can you tell
1:43:43 her to give you
1:43:46 all the directions to create a
1:43:48 functional app? Tell who? Lovable.
1:43:53 I don't know. Maybe
1:43:57 it is a background, Mr. It, but it's a
1:43:59 specific thing. It's not parallax, but
1:44:01 it's like
1:44:03 you're zoomed in and blurred
1:44:07 and usually desaturated.
1:44:11 Um, what did I just ask it to do? Make
1:44:13 these editable. And but see, look, see,
1:44:15 see now. Okay.
1:44:19 Okay.
1:44:22 We are in a
1:44:26 horrible
1:44:28 loop here.
1:44:31 Now the fields are editable
1:44:39 but the options are missing again.
1:44:48 do better.
1:45:02 Let's add a different picture here.
1:45:08 Is that the same one? I think that's the
1:45:10 same one.
1:45:12 Lordy.
1:45:25 All right, while this is all doing this.
1:45:28 All right, things things are happening
1:45:30 here, people. Things are happening.
1:45:34 Oh, that's a great photo.
1:45:43 Um, I came up with Wait. Oh, there we
1:45:47 go. Okay. I came Look at that picture of
1:45:50 him. Isn't that great?
1:45:56 Wide. Tall.
1:46:00 All right. That's going to be
1:46:01 fascinating. See if the tall one gets
1:46:02 all chopped off. Um.
1:46:08 All right. Well, this is fine.
1:46:09 underwater coral reef.
1:46:12 Oh, and but now clicking on them. Oh,
1:46:14 this this is so buggy now. Now clicking
1:46:16 on them doesn't release the window.
1:46:19 Jesus Christ. Generate self pet selfie.
1:46:23 Okay,
1:46:26 now you have the pulld down menu
1:46:32 as a separate interface button.
1:46:37 And
1:46:40 the
1:46:48 really
1:46:50 all right now you have the pull down
1:46:52 menu is separate and the menu doesn't
1:46:57 release
1:46:59 when I
1:47:01 click on it. Man, get a [ __ ] muffler
1:47:04 on that thing. Remember, you do have a
1:47:08 roll back feature in lovable. Yeah, I
1:47:09 know.
1:47:12 I'm just trying to have it not be quite
1:47:14 as frustrating. Wait, did I make a
1:47:17 square image there? No, I made a tall
1:47:20 one.
1:47:21 Why did it do it as a square image on a
1:47:24 white background?
1:47:28 Let me generate another one.
1:47:44 Okay. Yeah. See, now it did it right.
1:47:46 Okay, that's fine. Great.
1:47:49 All right. It's editing our menus. And
1:47:52 then we should do a um
1:47:55 let's see. Fix now. When you click on a
1:47:57 drop down, it should be right.
1:48:02 It's remembering all our [ __ ] which is
1:48:04 cool. Reload.
1:48:18 Ancient Roman coliseum.
1:48:24 Astronaut helmet.
1:48:27 Wide.
1:48:30 Generate pet selfie.
1:48:37 Heavy grass mowing at night. Yeah, I
1:48:40 don't know what that was. That was
1:48:41 someone riding like a It was definitely
1:48:43 like a lawn mower engine on a on a two-
1:48:46 wheeled vehicle.
1:48:50 Okay, so it jumped us to the top. That's
1:48:53 great.
1:49:05 So these Okay, that's good. That's
1:49:08 That's fine. It's not great, but it's
1:49:10 fine.
1:49:13 So, we're going to do save. Show the
1:49:15 gallery. Jumps you down there. Down.
1:49:18 Share. We haven't checked that. Failed
1:49:20 to share image. Okay.
1:49:23 The share button doesn't call the native
1:49:30 share function.
1:49:32 And then let's change redo
1:49:40 to
1:49:42 roll
1:49:44 the dice
1:49:48 with a dice
1:49:51 icon.
1:49:54 that randomly
1:49:58 randomly
1:50:00 chooses
1:50:03 a what's it called?
1:50:06 Um location
1:50:10 and
1:50:12 outfit.
1:50:18 Use AI
1:50:22 to create locations
1:50:26 and outfits
1:50:29 that are not on the pick list. This is
1:50:32 an Easter egg.
1:50:37 A little Easter egg
1:50:40 for to to delight
1:50:44 our users.
1:50:46 That's a cool little Easter egg that if
1:50:49 you hit roll the dice, you get you get
1:50:52 new suggestions.
1:50:56 Look at Champion. That [ __ ] bowl.
1:50:59 Let's save that to the G gallery if we
1:51:02 if we haven't. We have it.
1:51:04 Save.
1:51:14 That's so cute. That's so cute, champ.
1:51:22 What?
1:51:23 Why you Why you being such a little
1:51:25 wiener? Huh?
1:51:28 Why you being such a little wiener, dog?
1:51:36 All right. Did it do it?
1:51:39 Nope. Still editing.
1:51:42 Roll dice. Bang.
1:51:45 Failed to generate a creative combo.
1:51:48 Roll dice. Oh, maybe it's still editing
1:51:50 it.
1:51:53 I have no patience.
1:51:57 It fixed the button. I'm like, it's good
1:51:59 to go.
1:52:02 All right, let's let's reload our
1:52:04 interface here.
1:52:06 Okay, so we're gonna take this. We're
1:52:09 gonna go.
1:52:11 Okay, let I hate that thing.
1:52:20 Yeah, but it's getting to be time.
1:52:23 Space station window
1:52:25 astronaut helmet
1:52:28 tall generate selfie.
1:52:35 I mean, other than the little
1:52:36 frustration with the pull down menus,
1:52:38 and that's a decently complicated thing.
1:52:40 I'm probably not explaining it very
1:52:41 well.
1:52:43 There's your pet selfie. That's very
1:52:45 cute, except he doesn't have a body.
1:52:50 Now, if I say roll dice. Rolling the
1:52:52 dice.
1:52:56 New creative combo ready.
1:53:06 Is it generating it?
1:53:13 No.
1:53:17 Okay.
1:53:19 Um,
1:53:22 when I say
1:53:25 roll dice,
1:53:32 I don't need to see the
1:53:36 visual update. You should just
1:53:42 submit
1:53:44 the generation
1:53:46 right now. it. Now
1:53:50 it tells me
1:53:52 it made a combo,
1:53:56 but then doesn't
1:54:00 generate anything. All right,
1:54:04 that should be fine. We should fix this.
1:54:06 I'm probably going to blow out all my
1:54:08 lovable credits making this stupid app.
1:54:16 But how cool is this with the little
1:54:18 gallery? Come on, man.
1:54:22 All right. And on the Zoom page, we
1:54:23 should have share. Oh, also share didn't
1:54:25 work, did it?
1:54:28 Right. Okay.
1:54:33 So, those have got to be fixed. So,
1:54:35 let's see. The share button
1:54:39 doesn't work.
1:54:41 It should call the
1:54:44 native OS
1:54:47 share
1:54:50 pane. What's that called? Share pane.
1:54:58 Also, when I zoom
1:55:01 into an image,
1:55:04 I should have
1:55:06 download and share
1:55:09 options
1:55:12 in that window.
1:55:16 All right. Are we good?
1:55:19 Let's see what it did here.
1:55:21 Okay. So, that's going to go do that. So
1:55:25 now we need to make a
1:55:31 square. Fine.
1:55:37 What's wrong, champ?
1:55:39 You a good boy. You a good boy.
1:55:43 Yeah.
1:55:45 You a good little dogger.
1:55:48 Pet selfie generated.
1:55:51 All right. Greetings from Times Square,
1:55:53 Champy.
1:55:55 It's cheese o'clock. Yeah, it is.
1:55:58 Rolling the dice. Okay. Generating your
1:56:01 surprise selfie.
1:56:08 Come on.
1:56:12 I'm getting no
1:56:15 surprise. Oh, there's our surprise
1:56:17 selfie. We got a mermaid. We got an
1:56:19 amputated amputated champion.
1:56:29 He doesn't look very happy there cuz we
1:56:31 took his legs.
1:56:39 Oh my god, that's cute. Okay, so that's
1:56:42 gonna make us random selfies. That's
1:56:44 cool. Oh, let's see.
1:56:50 When
1:56:53 generating, we need an animated
1:56:58 animated
1:57:00 overlay.
1:57:03 Wait. Uh, well, we don't.
1:57:07 Screw it. Um,
1:57:10 share failed to share image. Uh, sharing
1:57:14 button still broken.
1:57:22 downloading works. It's a PNG.
1:57:25 Let's go make sure that they're actually
1:57:27 downloading. They are.
1:57:33 We got to save the the amputee.
1:57:37 A champute. The champ.
1:57:40 Too much acid in high school. Champy. I
1:57:43 see the issue. The web share API is
1:57:45 throwing a permission error. Since this
1:57:47 is a capacitor app, we need to use
1:57:49 capacitors native share plugin instead.
1:57:52 Let's fix both buttons instead.
1:57:59 Oh, look. Look what it did there. Nice.
1:58:02 Download. That works. Great.
1:58:06 All right. Let's see. Fix the share
1:58:09 button. Share. Failed to share. Click
1:58:12 the So, let's reload it and just make
1:58:14 sure.
1:58:19 Um Oh.
1:58:35 [Music]
1:58:48 Wait, we don't need this, do we?
1:59:02 sharing
1:59:05 still broken.
1:59:09 Can't you
1:59:13 just call the operating system
1:59:21 share panel
1:59:26 rather than
1:59:32 what you're doing now?
1:59:41 Champ, he's tired from all the
1:59:42 traveling.
1:59:46 Greetings from space station window.
1:59:49 I'll check the console logs here. Let's
1:59:51 roll the dice. Let's get another here
1:59:53 and we'll save him.
1:59:57 See if it saved. Oh, did it? Selfie
2:00:01 saved to gallery.
2:00:06 That worked.
2:00:11 [Laughter]
2:00:18 Share
2:00:21 image downloaded. No, that's not right.
2:00:24 Share.
2:00:26 All right,
2:00:28 I'll fix this later. Maybe we'll fix
2:00:30 this tomorrow or something like that.
2:00:31 All right, I'm gonna get out of here.
2:00:34 Um,
2:00:40 so I, so I I put out a uh, so so I'm
2:00:42 going to leave you on this tonight. I
2:00:44 came up with a like a a little
2:00:47 catchphrase tonight that I'm really
2:00:48 happy with, or not tonight, this
2:00:50 morning. And then I made a I made a
2:00:52 video of it on Tik Tok. So if you
2:00:54 haven't seen it on Tik Tok, go check out
2:00:55 my latest Tik Tok video. And it's AI
2:00:58 your why. And what AI your why means is
2:01:04 what's what are you all about? What's
2:01:06 your why? What's your purpose? Who are
2:01:09 you trying to do something for? AI your
2:01:11 why. Like think about who you are and
2:01:14 what you want. That's what should be
2:01:15 going into your prompt. If you if you
2:01:17 put your why into your prompt, your
2:01:20 prompt will generate results that are
2:01:22 relevant to you. AI, your why. So think
2:01:26 about that every time you're interacting
2:01:29 with AI. If you're doing it as this kind
2:01:32 of cold separate thing from you, I'm
2:01:34 just going to put in a prompt and get
2:01:36 out an answer.
2:01:38 Shift that AI your why. Think about who
2:01:40 you are and what you want and do it from
2:01:42 your point of view and your results will
2:01:45 improve pretty dramatically. So I was I
2:01:48 was pretty happy with that. Um,
2:01:53 trying to think if I want to publish
2:01:54 this.
2:01:56 Preview it on the web. Let's see. We are
2:01:59 previewed. Okay. Publish.
2:02:03 Pet selfie pal.
2:02:10 I don't want pet selfie pal. I don't
2:02:12 like pet selfie pal. Oh, edit.
2:02:15 So, pet selfie.loable.app.
2:02:19 App
2:02:22 URL successfully updated.
2:02:26 Yeah, that's good.
2:02:29 All right.
2:02:31 Icon and title.
2:02:34 Add icon. No.
2:02:48 One warning.
2:03:16 Yeah, I'm not going to publish it
2:03:17 tonight. I've got to go fix my bug in
2:03:19 that other app, my Superbase hack or
2:03:22 whatever the [ __ ] happened. All right.
2:03:26 Um,
2:03:28 hopefully you're playing along and you
2:03:29 made your own pet selfie maker.
2:03:34 All right, everybody. I'm going to get
2:03:36 out of here. Tomorrow night's just a
2:03:37 regular Tuesday. Celsius at 8 o'clock.
2:03:40 It's almost like Champy knows that he's
2:03:42 the center of our entertainment for
2:03:43 tonight and he's getting pissed.
2:03:46 Um, don't you get charged for API use if
2:03:50 it's public? Yeah, you do, actually. So,
2:03:52 that's that's the other reason I'm kind
2:03:53 of hesitating digital gods. I at the
2:03:57 point at which they put um the ability
2:04:00 to charge for a website, like if I could
2:04:02 do five bucks a month for this thing,
2:04:05 that would be fun. But like right now,
2:04:07 it's just going to cost me money to put
2:04:09 it out there. So yeah. So anyway,
2:04:11 there's there's a bunch of [ __ ] I would
2:04:13 do to fix this, too. Like I'd probably
2:04:14 I'm going to kill the this title. I
2:04:17 don't think we need it. We've got it
2:04:18 twice, right? We've got it up here and
2:04:20 we've got it down there. So we'll just
2:04:22 start this start the site right there.
2:04:24 Yeah.
2:04:26 Yeah.
2:04:27 All right. Cool.
2:04:30 G.
2:04:35 Peace out, good people. I will see you
2:04:36 tomorrow. All right.
2:04:39 Um, have a good night. Bye.