🚨🚨 Using NEW UNRELEASED Cursor!!!!!!!! IS IT GOING TO BE GREAT #ad 🚨🚨

Think about it for just a sec. If if you weren't too busy not thinking about it, you would have never said that. Teach each haircut. Thank you for noticing. Um I did go to Super Cuts yesterday and unfortunately cost three times as much in San Francisco as it does at home for the exact same haircut. It does feel bad to go to the cheap place and then be like, "Dang, it's still super expensive." Well, I didn't even want to think about what a real haircut costs out here then. How come this mic is low? Why come no work? Big mistake. Don't go anywhere in I couldn't help it. Oh, look at that. Okay, this this is way Dude, what are there's so many things on this. Whoa. Like, dude, look at this. This thing is like a scroller screen right now. I know, but don't No, no, we don't need to see the screen cuz I don't even know what's in there. SF stands for super cuts. It's true. SF SF super cuts. Oh my goodness, Ed, we have the funniest story to tell you offream and it's about security. Oh my gosh. Security. Yeah. Very secure. Prime. Why don't we give them a little bit of a heads up about what the plan is today? Okay. All right. So, everybody, should I should I show the screen now? Yeah. I mean, do we just want to just show them right here? Like, bam. Like that? Oh, yeah. Why not? Can you close your other close your other workspaces, though? Oh, yeah. Hold on one second. Let me close that because we definitely don't want people seeing that. There's some there's some hidden there's alpha in some of those. That one is just going to get me in trouble and I can't tell you why. Yeah. Yeah. Yeah. Well, I don't know what you're saying, but I can't read it from here, but I Okay, good. I If you say we're going to get in trouble, I believe you. All right, let me just Hold on. Yep. What is prime? I don't know. Get that out of here. There we go. My agents are coming. Let's go. We got her. Here we go. Uhum. All right. You're going to probably have to make that that camera. Probably you should move it over to the other side. Hilarious. Cuz you uh you you have a weird aspect ratio on there, don't you? No, this is this is 16 by9. Is it really? Is it truly? Oh, no. It must not be 16 by9. My I don't think my monitor though cuz then look at this because then I can just move it over. That's fine. Why don't you just give them a little bit of a heads up what we're doing though today? Okay. So, today we are going to be building something a little bit from scratch. We have a very lightly built app already just to kind of make sure that it actually works and everything is fantastic. But what it is is it's going to be a go and data star based application because it's pretty based and we have some nice live reloading and all that and we are going to be building from scratch something that is for fatherhood. True. Which is very fantastic. And so what it specifically is for uh is that TJ talked about this a lot and we've actually talked about this quite a bit which is storing information about your kids on the internet kind of sucks. It's true. Absolutely true. And TJ's wife enjoys having a lot of quotes and various things from uh from the kids, but she doesn't want to have to store them in inconvenient formats. It's impossible to search chat currently. Please don't make fun of her, okay? Because I don't I don't She's new around here, okay? She's new to technology. She's not really like a San Francisco kind of girl. You know what I'm saying? Um she stores all of the kids quotes in Google Keep, okay? So please, please no flame arino, okay? But we needed to solve this problem today. Okay, we needed to solve this problem today. It's f it's finally come to my attention that we've been storing them in Google Keep and that's not an acceptable that's not an acceptable location. Google Keep is a sin. Thank you. I agree. I have I have like a third of my photos on my phone, a third on Lana's phone, some on Apple whatever Apple does it storage, and then some just old ones on Google on Google Drive. Zanu says keep hasn't been graveyarded yet. That's one of my primary concerns is we're going to store all of our things on a Google service and then they're going to decide, right? You know, just like, hey, you've been keeping stuff in these notes for 10 years. Sorry, we don't use our product anymore. Uh, we're shutting it down and you can't get your data anymore as of today. Shut down today and a little unfortunate for you, but yeah. So, that is what we're going to be doing. And we're going to be building this whole thing using Cursor's new product, which is uh pretty dang fantastic. It is. I I don't It doesn't really have a name, so it's just We're calling it Cursor's new product. It's new cursor. New cursor. New cursor. Hot off hot off the press. In fact, they actually they now refer to their old product as precursor. Precursor cursor. This I think that's what it is. But we should tell them that they have that they were chang copyright that copyright. We're going to copyright that and then tell them Rich. Every time someone says it, we're going to get one penny. Let's go, guys. Come on everybody, let's do some precursors right now in chat really quickly. Also, wow, I can't believe Prime and TJ thought of precursor and now are trillionaires in chat. Just so you can quick get that as part of uh the public record. That's important. Guys, I don't know if you know this, but that's how capitalism works. You come up with one good word, boom, and they have to pay you. They have to pay you every time. Which is crazy. But one 10 cents every time. Yeah. Every single time. All right. It's not cursor 2. I think cursor 2 is what? Cursor two exists already. cursor to not be keeping up with the new patches. Yeah, this is this is this is the new stuff. What are you doing right now? I'm adding chat to to the day. All of a sudden, I was like, we don't even have chat in this bad boy. Oh. Oh, wait. Wait, just use mine because then you don't you don't get Twitch. You will it work? Yeah. Yeah. What are you doing here? Can you can you go back to the big screen? I'll just send you I'll go back to the big screen. Bing bong. Yeah, dude. I can't believe I I've spent all this time creating something and then you're like the offtheshelf solution. It's just like I was a little worried. just uh make this thing. Oh my gosh. By the way, really good I didn't go to that screen. Yeah. Yeah, that's that's so true. That's so true. Gosh, just leaked a lot a lot of keys. A lot of keys. I almost just had the greatest key leak of my lifetime just then. All right. So, if you just just make that thing full screen. Literally. Uh 1920x 1080. Oh, let me turn off diagnostics. Looks good here. That looks good, bro. That looks good. Let me turn off. Hey, Chad. Doesn't this look good? Hey, diagnostics off. Sorry. My bad. cuz I I was trying to like diagnose what was going wrong so I can do that. That's good. That's good. Yeah. Yeah. Yeah. Yeah. Yeah. Hopefully that doesn't leak anything for you. H If it does, we'll figure something out. That's all right. True. That's true. That's true. If all of a sudden I got $80,000 worth of Gemini 3 credits being spent, then that's just what happened. Okay, I'm going to send it back to this. Why don't Well, before I do that, why don't you just go delete those last three messages in Discord? I love your thinking. Just just quickly quickly, you know what else that I was thinking, too? Yeah. Uh, I'm gonna tell I'm gonna tell my chat that I'm live. Oh, you should. I'll do an announcement and then they'll say it doesn't count as streaming if it's not on your channel. That doesn't make sense. I'm on Twitch right now. Yeah, you just say you're on Twitch. True. I am live at cursor HQ. Cursor HQ people. Give me one second. Give me one second. Great job. Uh, there we go. Let me just do a little quick quote tweet. Okay. Okay. And then we're ready to go. Why am I typing this on my phone? I have my laptop in front of me logged into my Discord. IT DOESN'T MATTER. BOOM. It's sent. That's actually pretty funny. All right. There we go. All right. So, do we want to get started? Yes. I actually think it's time to get started cuz we we want to do this. Let's Yes. Is uh let's see. Is not a failed startup anymore? Oh, no way. You're crazy. The fastest growing company of all time. Yeah. Yeah. Come on, guy. Come on. Don't one guy me like this. I know we we cannot get distracted from that. We have an application to build in tminus 3 hours. All right. Can you let's make the camera just a touch more small and let's So, right now we just start off with a very simple uh to-do app, right? Cuz LLMs love to-do apps. They're just a huge fan of it. I figured every good every good company starts off as a to-do list application. Yeah. Every good company starts off as a version of Keep. That's that's well known. Well known. Yes. It's a very well-known problem in the world. All right. So, we're using data star. So, everything there's no uh hey there no uh client side logic. Right. Beautiful. Right. So, let's give it like a let's do a little because I'm pretty new to this. So, I've only used it just like just since last night because TJ uh knows for a fact that I always I always leak everything. And so, I haven't I have I have not touched anything. So, check this out. We got the things running, right? I can go in here. I can do a nice little box and I can say, "Hey yo." Oh. Oh, dude. That's definitely your computer. I don't know what you're doing. Oh my gosh. Oh, that's just That's too bad. Remove the border. That's sick, bro. That was Did you like that? That's actually one of the new strobe effects I personally added in. Okay. I added it in last night cuz it's so Maybe we should Maybe we shouldn't have vibed your hyperland config before we started. TJ, unironically. Also, I don't Show them the click one. The click one is the best one. Okay. Well, I was just kidding there because right now we're just having this. Look at this. You can select the elements. That's the one that I like the best. That click click one and show. I know. I'm going to do I'm going to click it and then I'm going to go add to chat. Then I'm going to click that. I'm going to say add to chat. Click this and say add to chat. And then I'm going to do the following. Make these into icons. Uh trash uh save disc and a check mark. Wow. And all on the same line. Oh, bold. I love that. Yeah. You know, hey, this is what this is. Hey, this is what San Francisco SF SF for short likes. I like doing it the opposite. San Francisco that stands for SF. That stands for SF. You may have heard of it. SF for short actually makes sense. So, you can't say it that way. You have to say that stands for SF. Uh, it's all about having taste. And obviously, that was a high taste prompt right there. That was That was Can you guys taste it? Yeah. Also, what uh what model are we on right now? And are you still connected to the internet? I am connected to the internet. It says it's planning next moves, which makes me wonder what model are we on. I have no idea. So, you think you clicked auto, by the way, cuz that's what's in the bottom. Auto? Yes. I don't want to be on auto. So, I'm going to say stop and I'm going to say turn that off. Composer too fast, baby. That's your boy. That dude, I love composer too fast. Okay, cuz I got to quit waiting around for things cuz honestly, if I'm making decisions, I want to make them fast. True, true, true, true. Also, I still don't know what can Why Why are we turning Why are we building a to-do list app, though? I thought we were just going to start from this and then start building. Arthur, I know, but I just wanted to give them like a little taste of what we can do so we can kind of cuz this is such a simple and obvious change you would make. Like, why would you ever have this interface? Well, how would you ever change that? Well, now you have to go in the cursor. You have to go in the cursor and be like, "Hey, you know how you have like these two different rows going on here? I want them into one row and then this and this." And it's just like, "Dude, that's so annoying to actually try to tell cursor." What? It actually It even got good icons and everything. Those are good icons. Wait, what does save even do? Why did you say make it a save one? I don't remember what save was. I I don't remember what the three buttons were. To tell you the truth, I don't remember what the three buttons We need them to in We don't like We don't like icons. Actually, we want them text. Okay. Uh we don't No, no, no. Let's build the real app. I want Let's build the real app. Let's build the real app. Start a new start a new conversation. All right. Start a new Can we show them? So, also open up the little extra sidebar thing. I know. I know. I know. Look at this. Okay. So, chat, for those of you who aren't aware, this is multi- project as well. We're only going to work on one project today cuz because you guys can't focus on more than one thing at a time. So I could actually open up a second project right here. Mhm. And I could we could have Yeah. which would have its own browser running and then this one would have its own browser running. Right. So if you if like So for me personally I used to build a lot of internal tools. Like that's all I'd ever built is internal tools. And so they never let it make anything public facing. No. Never let me touch public code cuz honestly the last time I the last time I touched public code at Netflix I crashed the billboard for Lady Gaga. So they've just never let me touch public code ever again. You put the X in X Netflix. I put the X in exhibit. Uh, and so if I had something like this, doing UI would have been so much more pleasant. Switch. Oh my gosh. Oh my gosh. I think Let's call that other one though and we'll Let's get Let's get cooking. Yeah. Yeah. Here. Get out of here. Get out. Get out. No one likes prime agent anyways. Yeah. True. True. Okay. All right. So, we should probably actually plan it out. We should probably hit a whiteboard session to tell you the truth. I don't feel like we should just jump in right now. Come back over here. She needs to tell us our product requirements here. All right, we have a product manager. We've got a product manager today. Uh her experience is having several kids and saving things into Google Keep. She's she's got excellent technical taste. She saves all permission to erase the circles. Those were really good. Those are two first try circles. Can she erase the circles or does she need to write over? Yeah, that's smart. I I think I at least got a 90% on that big circle. The the big circle actually I was surprised. Big circle is really hard. Okay, Ken, what are our requirements? Actually, hold on before we go. Can TJ draw a big circle. I just want to see like we need a comparison. You can't draw it on the same lines. I was going to draw it as a bigger one around yours. No. No. You got to go to this side over Okay. Then we'll we'll cuz it's cheating cuz then you have a you have a guide. Yeah. True, true, true, true. I'm worried with the size of the circle I'm going for here. Just go a little bit smaller. So you don't Well, no. Haven't you seen the pros? They get they get this going and then they just go like this. Actually not that bad. I would say that was actually pretty bad. But no, the final circle I'm saying is actually pretty good though. Look at it. It's pretty round. Eight out of 10. Eight out of 10. I'll take that. That's a C. TJ, that's a B minus where I come from. Egg. Yeah, you got a lot of eggs in there. A lot of eggs. Okay. So, uh, product manager eggs are pretty round. Depends what kind. Look, think about it. If you look at them, instead of holding them this way, if you hold them this way, they're a perfect circle. Perfect. So, it just depends on perspective. Okay. TJ drew a perfect circle. You can put put your notes inside of my inside of the egg over here. Go ahead. I love the idea of You just drew a perfect circle. Bad perspective, though. You went this way. Not this way. It's a perfect circle. Okay, Kaen, what are we making today? That's a good question. All right. Give us the exact You don't have your mic here. Oh, yeah. You want to toss one of those over here? Yeah, you just pull it out. Yep. Just put it on. Or you can hold it if you want. Yeah. Pewdiepie for you. What does it No, PewDiePie puts the little clampy on his finger. Oh, I like that. Oh, yeah. You can put it right on your finger. Yeah. Clamp it on your finger. And then you don't speak into the Oh, yeah. There you go. Speak into the here. You got to speak into this. That's a microphone. Yep. I was like, I'm pretty sure the microphone's on the other side. Look at that. Yeah. Are we good? Oh, you're great. Okay, thanks. Um, so I don't know. I need to be able to put in my kids name and age so that automatically gets pulled in when they said Oh, I never even thought about name or age to tell you the truth. My goodness. THIS IS THIS IS GOOD. THIS IS I NEED A Write it down. Write it down. Write it down. It's not real. It's not on the chalkboard. It's not real. Not real if it's not on the chalkboard. Never even once thought about names in ages. Each I was going to say under the circle drug edge. No, it's a one shot only. Okay, we want their name. Wow, she actually could be a product manager. Age. Well, what about Do you want like a profile icon for them? Oh, a little PFP. A little picture. You might want a PFP. A little picture. Profile picture. Sure. I wonder how the f ever got into profile picture. Profile. But that's one word. It should be pee. Personal face picture. That's why they didn't do that. Great, great point. Great point. Thank Um, some So, when I'm thinking about like the quotes aspect of it, I We'll focus on the quotes part first. Yeah, that's what I use it for. Keep. Stop tell Stop reminding them you use keep. Okay. She's a keeper. Yeah, that's true. Great point. Great point. Great point. Um, I sometimes need to have context. So, I don't know how you want to Oh, like a separate quote, but an additional section to to set the scene of what's going on. So, we need a place to put the context of the quote. Should we call those notes? Notes. Love that. Oh, full screen, DJ. Oh, good point. We're making them right on time mode. Here you go. Here you go. Yeah, they can. Yeah, they can. Now, sometimes there needs to be a dialogue. So, there's going to be multiples people speaking. So, even though it's under this child, oh my gosh, this just got so complicated. I I changed my mind. You can keep using Google. What else can we build today? I have an idea for a chat program. There are you and Yeah, there is. That's actually perfect. Dialogue. Um, what else? I mean, that's a lot for you guys to work on for now. No, no, that's pretty much one prompt for guys like us. Yeah, for a guy like us, that's one prompt. So you got to get it more complicated than that still. Yeah. So far, how do you Okay. So, how do you want the dialogue in your head? What does it mean to have dialogue? Can you like draw an example screen of how you would want to input the dialogue? Like pretend this flowing mullet and that beautiful haircut were having a conversation. How would you think it should appear? Mullet to super cuts. Mullet to super cuts. Mullet to super cuts. How a super cut of mullet. So, the interface, what would I want the interface to look? Oh, I don't know. Around here, we call that. used to just type in UX mom child. okay. So, you want an autocomplete, you want to be able to hit M. Oh, that would be nice. And then it's just like mom. Then you can just go enter, you know, or is it like instead or all the gra? Yeah. I was wondering if you wanted it to be more like I'm imagining you're probably going to mostly use it on our phone. We have to make it mobile friendly. So it's like if this is a phone and you get one here, it's like the the first box is like some of the main setup stuff, right? Which is will just be like you'll select from who's the main and this will be for each like this will be child specific. So we'll have like a Up here for who this is, right? Yep. You'll pick it and then it will like do that. So then down here is like the quote section. And then it would be like a little there's a box here and you can select the person. It's a little drop down of all the people that you've put into the system already and then just like a text box for you to type inside of. But is this going to a be able to account for back and forth? Like I'll say one thing and I was thinking a little plus button at the bottom and just in order of the conversation, right? You would press the plus one if you want to add another for long as we don't have a drop down. It's not and you're able to select the same person multiple times. You don't want it to be a drop down. Yeah, I guess you wanted a drop down and Yeah. Okay. Yeah. Yeah. Cuz you want to just like you just want to tap out the side there and then click. We're mobile first. Actually, we're actually that's the only place. Our single user who is going to use this application who's standing right here is going to do it from her phone. Oh, by the way, Chad, just as something to kind of make this more obvious, we're also going to make this a self-hosted application. Yeah, it's going to run on our computer. You We can have privacy from big Google. From big Googs. something more and more like an Excel sheet. Yes, Excel can fit every application can fit inside of Excel. That's already been proven. That's the number one rule of software. It can also be an app if people don't have kids for true fights. Fights. Fights. I love that. We can we can we can replace Trash's application where he's building. This is going straight to receipts all of a sudden. Um Okay. But then this would that work and then you just have like a little I'm thinking like a little save down here. No, it just auto saves as you type in. It should just it should just constantly There should be a delete then. Yeah. Yeah. I hate And delete should probably be up at the top. is my guess as a little trash can. Yeah, right up there. And it will automatically pull in the kids say like will there be a separate place where you can add in the separate page and it will automatically Well, there's a people there's a problem. Oh my gosh, you are just clearly not a UI boy. If you record the quote, can you add a video? okay. I don't know. We are going to get to a multi invisible woman that's not on the screen. So, you're not even allowed to you're not allowed to speak at all. If you want to speak from off screen, it's my beautiful wife and then talk. My beautiful wife is refusing to talk into that and they'll be able to hear So TJ, there's an obvious problem right We need one that's add new contact. So we need Well, that should be the bottom button of the drop of the drop. Yeah. So then we need to be able to have whatever this page is also be like a popup or an overlay. Oh, an overlay. We can do that. We can overlay. We can make that happen. Of course, we can make that happen. So that's just one immediate worry is that you got to be able to do everything from right here. Second, I was thinking about this. You already have a lot of these, right? A lot of what? Notes and and and and and and conversations already pre-saved in your advanced saving mechanism. And now you would like to transfer to a more secure one. Is what you're doing right now. So, this should probably take in the time stamp of when you do it, but do you want to be able to override a time stamp? Do you care about what it was? Pre It should prefill the date. Yes, it should prefill the date. So, we need a date somewhere in here. Yep. The quote has to have a date where the conversation happens. Yeah, there has to be. Yeah, there has to be like maybe a little calendar somewhere. Oh, yeah. When we when we make the person, they have a birth date and we calculate how old they are. That's what I was I don't really care. I don't usually care about the day that it happens on. I just want to know how old my kid is when they said you're saying the same thing cuz you still have to put in some date, especially for your back filled quotes. If you put in any of your old quotes, then you definitely need to know. We need a way to back fill for Q2. All right. Back fill Q2. Let's make an app first today that she can put quotes in and we'll worry about back and stop using Q2. Yeah. Yeah. Right. Okay. Anything else? Any other product requirements on? Oh, you need a leaderboard page. A leaderboard for who? Also, I think adding golden splits not a bad idea. Like, who's putting in the quotes the fastest? Where? So, quick question though. Where are we serving the ads inside of this? Okay, let's build it. Prime. All right. I love this. Date of birth in a profile plus time stamp of entry removes the needs to always enter age. Yes. Exactly. Yes. We'll put the we'll put the date of birth in the profile. We put a time stamp for when they Yes. It's it's only in back filling that these things actually get complicated. Yeah. It's it's it's the back filling question. That's kind of complicated. So, hey Chad, can we get a clap for Kaen? Great. Great UX. Great job. Great chat. Jack, please clap. Who said that? I don't remember. Please clap. Please clap. Just clap. All right. I'm going to take this thing. I'm just going to just off the rip. Yep. Yep. Yep. Uh I have an update. Should I update? I'm going to update. Yeah, that seems like a good plan. I'm just going to update. They say the first rule of thumb is to never update live. We're going to update. We're going to update during our live demo of it. That's actually I should have said no. What was I thinking? Update failed. Okay. Well, we did not in fact update. So, don't All right. Well, that looks right, though. Yeah. Okay. Well, let's let's just tell it like uh No. Well, let's let's just start easy. What's the name of this product? Uh, Fan Book. Quote, our story. Quotster is a quote. Quotster is pretty good. All right. All right. All right. All right. Let's go like this. Let's go. No. No. Give it. We do not do UI things. We need to write a big prompt without any. We're telling it to throw everything away. I know, but I kind of want to just like get a couple things into places. No, no, no, no, no, no. Why would we tell We have to because it feels more fun to use like the coolest feature. the coolest features. Let me check what time it is. Oh, we have 3 hours left to use the features to iterate on. We have to write a long prompt to tell it what we're going to build. All right, we need to start this project over, but keep the bones. Yeah, this is this is a template that we're starting with or something. Tell it it's we're starting with this is a template. You know what I mean? Uh this project is a template. And we do not need a notes or a to-do app. We do actually want a notes application. That's we want we want a to-do app kind of. If you really think about it, it is kind of a to-do app, but it's in the past. All right, let's see. So, I guess the first thing is is that we Let's see. How do we how do we want to do this? Let's see. Uh data. Let's let's start with uh data section. Yeah, data model section. Wow. All right. So, we want to be able to we want uh to be able to have two things. One, profiles. Uh name, age, profile. We should tell it what the app is that we're building. Oh, you should have it update the picture every year. Like maybe prompt you to update the picture. Great idea. I love that. That's a Q2 because that's going to happen. We're going to put that We're going to put that We're going to put that in Q2. Yeah, that's a Q2. We're putting a Here's a Q2 section. Q2. Start fresh. Prompts. Yeah, we're we're going to start fresh. Don't worry. To update PFP. I think Q2 might happen today, but we'll we'll get there. Okay. All right. The reason why I do this is that I always do the commands at the bottom because they t you know I'm saying shouldn't we tell it what the application is? This is going to be an application for local first family. Yeah, I do all those things at the bottom of a prompt because it listens to the bottom context the best. Uh that's not been my experience, but we could do that. Okay. Well, everybody at Cursor and me disagree with you. Just throwing that out there. Everybody at Let's Okay. Well, since we're at HQ. Yeah, we're at HQ. Forget this. We're not going to build this. We're going to go talk to everybody at their desks. We're not That's it. Who's right? Me or you? All right. Profile pictures. And then two, we want uh we want quotes page, quote page, which has uh how do we even say this? We have a timestamp, right? It's going to have a time stamp of some sort. It's going to have a quote by whom and then there's kind of like a in my mind, it's kind of like there's a primary person and then there's like a dialogue section, a followup. There's optionally like kind of some followup conversation. Yeah. optionally a dialogue that is a repeating uh quote and by whom and by who? But we wouldn't put those as quotes. Those wouldn't be top level things. That would just be I would just have it literally be a conversation that's uh like a list of texts. Yeah. Yeah. It's a statement a I mean it technically is a quote by definition. It's a quote but Right. I know. But we're we're we're a domain driven design shop here. So we got to make sure we're agreeing. Okay. I use the word I use the word statement. Okay. That sounds good. Yeah. Yeah. Okay. Almost just watched a car hit another car. That guy got so close. He is parallel parking. OH MY. HE WAS seriously this far away. Wow. OH NO. OH NO. OH NO WAY. So he doesn't have any sensors on that car. No, it's an old guy driving an old Buick. How did he fit it in there? that is crazy. That was awesome. Sorry, Chad. Sorry, Chad. I got SO DISTRACTED THERE. WOW. WOW. SHOCKING. SORRY. There's a window. You guys wouldn't understand. That's the outdoors. What we are building. All right. We are building uh an application to store. Start it. When we're done, say ask us a bunch of questions. I'm saying before we Oh, yeah. In plan mode is good. Yeah. I don't know how to go in mode on this one. Shift tab. Shift tab. Boom. Ah, yeah. Okay. Sorry. It didn't. Normally, it has a little button right there. So, that's how I do do it is just through that. I do like that. I've never shift tabed before. Oh, yeah. You can cycle between all the modes. Later, maybe. even get to try out debug mode cuz I've used debug mode a couple times. That's my favorite. Okay. Okay. Okay. Y uh we are building an application to store quotes by our kids. Yep. True. Giving motivation. Um let's see. Otherwise kids Oh, no. We'll save that to the end. We'll save that to the end. Because grandma will die and she needs to be able to read the quotes before she does. Sometimes the kids have conversations uh and we want to capture the whole thing. All right. So before we begin, come up with a set of questions you want uh uh you want answered. Uh so we can build this application perfectly. We should we we got to say a bunch of stuff about we want this to run local only. Keep it SQLite. Don't don't worry about deploying our infra. We're running we got because otherwise it's going to try and it's going to try and build something that we don't need. Local. It already runs via go run uh command. Make go make dev. Uh we already have a local uh hot reload uh implemented. Let's see. We do not want to deploy this to any service. We will use squeal light. Uh for data storage. Yep. True, true, true. Very true. Anything else? No. That seems like a good place to start. We'll we'll see what the plan looks like. Okay. Let's let's plan it up. Yep. Because I just want to get I want to get into this stuff. Well, right. But we should probably make sure before we work on the UI, it knows what project we're building. I know. I know. I know. I know. I just like this, dude. Because you know how much time I spent doing an unordinary amount of that that stuff. You know how much of my life has been spent. Tell it. Ask us. Ask us as user questions. Don't put it in here. Before replacing to-do example with profiles plus quotes then let's see and optional multi-line dialogue entries we need a product and technical answers to the squeal light schema UI flows and file handling match how let's see yes no no okay yeah okay ask the questions tell them tell it to ask ask question user questions yeah yeah you can probably we can probably put this part away too for now to give us a little because we're a little more zoomed in than probably would be There we go. Let's see. How should kid profiles work? Uh, let's see. This drives whether we treat them as fixed lists or supporting adding and editing kids over time. Uh, grows over time, right? Because you want to be able to add a bunch of profiles. Yeah, technically we should we should probably clarify as well that it's there cuz like mom and dad need one and maybe grandma and grandpa, etc. Yeah, mom and dad will need uh a profile. They are just profiles for any person. Yeah. Yeah, that's good. That's good. The list can grow. Yeah, that's fine. No one will be deleted. That's a crazy situation. It's a crazy situation. Situation happens where you're like, I got to delete this. There. Instead of being out of the will, you're out of the quotes app. You're out of the quotes app, KID. YOU CAN'T. NO, MOM. HOW COULD YOU? IF YOU DO NOT DON'T TAKE ME OUT OF THE quotes app. Let's see. Let's see. One display name field. Oh, I love nickname. Yeah, gotta do that. Yeah. Yeah, I like that. I like that. Given name. Yep. That's good. That's good. Okay. Okay. This these are good. These are good questions. These are good questions. Let's see. You asked for an age on the profile. How should we store it? Birth date only. Uh we compute display age. Yeah. Yeah. Birth date. Yep. I like that cuz then also then I can look at it and I can remember when my kids birthdays are, which is helpful. Dude, this is turning into a birthday important date application. Also, kid number one, I mostly can remember, but kid number three, it's like I have to ask a what date it is. All right, let's go on. For a single line quote, uh, how should we by whom work? Uh, always pick one existing profile, I think. Yeah, always pick one profile. Always pick one existing profile cuz they just add the people in. It's totally It's totally It's fine. Well, no, actually, I would like to be able to add a I'd either like to add an existing one or create a new one in that moment. I don't want have to fangle jingle to a new but they're asking questions about the data model. It should be that the data model is always expecting a profile to be created. There's a UX flow for creating one if we don't have the person already. Okay. True, true, true, true, true, true. Wow, look at that. I just love that we're not in VS Code right now. Yeah, true, true, true. All right, for a single line quote, how should by whom work? Always pick one existing profile profile when possible, but occasionally free text visitors. Did you Did you click something weird on it? Uh, no. Let's see. Hold on. Let's see. Hold on. Uh, let's see. Oh, you're If you give it as for data. As for data. Uh, it should be an existing profile in the uh the UI. There should be a create new profile if the person does not exist. He's really stuck on that. Sorry. You're going to create profiles like five times and you're going to you're going to make the whole like app built around like we need to be able to have way to create profile. How often are you having kids, bro? Yeah. Wait, chat knows chat to wait until Thanksgiving and dude, Uncle Henry drops a banger and then your then then your kid drops a follow-up banger and then you're going to be like this. Okay, hold on. Uncle Henry, uh, I actually had to leave the I got to go back here. I had I had to calm down. You remember? You remember you would lose it. You'd lose it. Oh, I'm reconnecting. Uhoh. Don't worry, we're back in. Okay. Nice, nice, nice, nice. Maybe. Can you believe this? I think he undid it with his dragging. Wait, what is we talking about here? Oh, or you clicked something when you were moving between them. Oh, maybe. All right. For single line quotes, how should by whom work? Okay, it's stuck. It's stuck. I think I think it's stuck. Click click skip and then we'll stop All right, there we go. We'll Okay, nice. Okay, there we go. Nice. Okay. How should uh profile pictures work in V1? Upload images save under data/uploads uh path SQLite. Yeah. Yeah. Yeah. Yeah. That's good. That's good. We don't even have to worry. I don't think we have to worry about iode busting, right? You don't have to worry about that anymore. Any preferences to upload rule size? Uh no except any image. Except any image. Yeah, cuz we're we're running it on our computer. We don't have to worry. There is no one. No one else. No one is going to be drawing math equations in this one. Only one entry with ordered lines. Each line has text, speaker profile, one shared time stamp for the whole conversation. Yeah, that seems pretty good. That's the simple version. That's I like that. That's a good Yeah, I don't want to do per line timestamps. That seems insane. We are not having um this one happened at 10137. This one happened at 10139. Yeah. After you save a quote or dialogue, what editing should be allowed? Yeah. Yeah. Yeah. Yeah. Full edits, of course. Yeah. Full edits. Full edits. That's insane that you wouldn't do that because me and my wife argue about the way things happen all the time. So using this as an argument app we need to have it be like where there's two versions of the story of the same quote and it's like here's mom's version and here's dad's version of how it played out. Yeah, right. We're arguing over this. Okay, you write down your timeline. I'm putting down I'm putting down alternate timelines as a hilarious as a hilarious one. Yeah. Let's see. Default to now. Yes. There we go. Default to now. But you can change it. Let's see. Uh I'm going to go like this. Default to now. Uh but you can change it. And it uh is this morphing into app. Uh let's see. Uh like uh date, not hour minute. Right. We're just going to be like, dude, just what if it also tracked who said to clean the dishes in the sink? That's a good question. And who who's the best? Trash is taking notes. He is. Trash is on here like, "Wow, this is this is good. This is good." How should the main page navigation be organized? Quotes as a homepage, profiles as a separate page link. Yeah, I think we should have latest quotes. I'm just like this. Uh let's see. Main page is latest quotes order uh ordered descending, right? Yeah, true. There you go. And then uh latest quotes order descending. Is that a double negative? So is that the oldest one's first now? You know, you said oldest quotes. Oh, yeah. Uh main page is latest uh latest quotes. Profiles. Uh let's see. Profiles and settings. Uh under hamburger menu. Boom. This will backfire when the kids start quoting from quoting mom and dad. That's a good idea. Have a microphone. Always listen and record every conversation using. So this was actually I assumed that someone was going to catch this. This is we we are also technically building uh episode 3 season 1 of Black Mirror. The entire history of you, right? If we add in video, that is actually a good and then we link it to your meta glasses. Oh my gosh, it's like game over. You just created the entire history of you app. That's the one where he's a lawyer and he's like Mocha replaying every single interview he's ever had and all that kind of stuff. All right, for V1, do you always want to narrow the quotes beyond the list of latest? Latest only. We only want latest. Yep. True, true, true. I actually technically filtering. We did want filtering, but we can do that. That's Q2. Q2 is filtering. Yeah. Yeah. True. We'll we'll add um I want to add full full fuzzy find. Also, all the Q2 ones. I'm going to start a cloud agent for them. Don't worry. You had a suggestion for on the date reminders. Oh, on the date reminders. That's Q2. That's Q3. Okay. We're not going to do on the state reminders. And is that you? Is that my beautiful wife reminding me of it? By the way, someone in chat suggested someone in chat. I don't know who it was. It was going too fast. But they suggested maybe like a way to remember quotes, pictures and videos. Oh, true. We'll we'll do media attachments. That's a Q 1.5. Uh actually, uh Max had a really good suggestion. What about Vim Motions on the ground? Do we have a Vim motions in here? Vim motion. True. Cuz that's what we need on mobile. Yeah, mobile Vim motions. Uh let's see. For adding and editing quotes, dialogues, and profiles, which UI style do you prefer? Mostly data star fragments. Let's see. For adding quotes, we should just do data star, right? Yeah. All data star all the time. See all data star all the time. Everything via data star. There we go. This is looking good. I'm very happy about this. This is a lot of questions though. I don't like how many questions they're asking me. Well, to be fair, it's writing an entire application. We could have written them down, but you said no. we don't want to write it down. And I said, "We could write down what we want." He said, "No." So I was like, "That's true. I want somebody else to tell me what to do." Uh, programming looks so much fun these days. It is to be frank. Uh, it would be pretty fun. Imagine having a I don't I feel like this is a conversation in a different chat. But yeah, programming is a little bit different these days. You know, we need trash to finish receipts so bad. How important is phone/s small screen? Uh, let's see. We do not have a desktop app. It is only mobile. It just Okay, that's crazy. I Why would you not just write it's responsive? Because it because it always dude there's so many little things you have to start thinking about. We'll build it mobile first. We'll build the mobile first. We'll we'll build it. As the only person here, it cannot work on desktop. If the screen is too wide, it just says, "Sorry, I've never had this happen." You know how sometimes says your screen's too small to work? It says, "Sorry, your screen is too big to work. Please use a smaller screen." Uh, please go back on mobile. Let's see. How do you imagine opening this app on your phone? Uh, one phone only. Go server runs on phone. That's crazy. I love how it said unlikely. That's so funny. Um, let's see. You don't worry about That's good. This one That one's right. That one's right. Number two. I know, but I just don't want I don't want it to make decisions like this. Okay. So, just say make an HTTP server. Yeah, we already have an HTTP server. Yeah. Yeah. Yeah. You don't need to worry about how it's uh served. We already have a an HTTP server. Server phone, right? That's crazy to be like, "Run the Go server on your phone." I'm like, I don't even know what they're saying at this point. That would be that'd be something. Yeah. All right. Please turn monitor 90 degrees. Use the Let's see. For for backups of your quotes data, local only. Um, do not worry about backups. Right. Smart, smart, smart, smart. We're not That's a Q3. That is That is a Q4. I I would rather have like me and my wife be able to argue effectively through merge, Dude. Merge conflicts. Merge conflict for your conversations. That's so good to be like, "Hey, here's two conversations. I need you to merge and ask questions for what actually." Exactly. That's actually really good. And then you have a microphone. You guys can argue into it and then the GPT can determine who is right. was the winner. Well, then since it was AI, you'll know it was correct. Yeah. I'll be like, "No mistakes, by the way." Uh, let's see. Should birthdays be required on every profile? Yeah. Yeah. We always like required data. We'd like required. Optional makes everything worse. Optional actually makes everything hard. Okay. Who's texting me? Do Mr. Cursor. Sorry. Sorry, Mr. Cursor. Too late. Do not disturb it. Oh, we should have brought the We should the red phone. The red phone would have been so funny. Yeah. All right. Two quick process confirmation implementations. Yes to both. Wipe and create local squeal upload schema. Yes. But uh skip strict TDD. Oh, actually yeah. Dude B do dude B is good. We we we don't need tests where we're going. What are you talking about, dude? Playright just works and it's and it's squeal light. This is like the ideal integration and we just don't need it because it's going to it's going to get it perfectly right. DJ, you're crazy. Okay. Hey guys, what would if you tell it WWGTD. We should have done this in GStack. What would we do? I mean, this is so sweet. Um, if you tell it that you wanted to do strict TDD, it will write a test for like every problem. I know. It's actually really great. Okay. I was thinking that you were going to say that that's bad. No, when it comes to getting these things right, just like, hey, do a playright end to end test. So much time. It's so fast. It's so fast. Have you used composer 2? Even Do you even know what Composer 2 is? All right. Earlier you skipped by whom? No, I actually did not. I said this multiple times. Let's see. Profile only for single line quotes. Yes. Yeah. Try that. We'll try. We'll just I'm going to try this again. Okay. Nice. Nice. Nice. We got it. First try. First try. All right. Now, let's just click build and let's just watch it change. See what happens. All right, dude. Where we're going, you don't even have to read. Open the browser. Let's see. Browser. Browser. All right. Let's see what happens here. Okay. Let's also start a new plan right now. Let's just start a new combo and start writing a plan for phase two. Okay. Well, guys, I can't I can't be doing that. Okay. What's the what's what's this one? let's talk about how we the interface we'd like to design for the quotes page while it's working on writing all of the I would honestly I would rather have it do something and then use this to actually start adjusting it. Sounds good. It's so like the entire reason why this is so awesome is that I don't have to try to describe in text how I want my UI shaped, right? When I can be like, "Yo, this is off. Move this up here." Right? But we're probably still going to need to write down like if I can go in here and I can be like, "Yo, there is there is obviously like a problem here and there's like a problem here. Like I can do so much. Don't do it. They're eyeballs. What are you talking about?" See, they're little eyeballs. That's good. I'm really happy. Yeah. Yeah. Then we got a nose and we got a smiley face. See, look at that. Oh, can't do that. Can't do that. Abort. Dude, you have the weirdest setup. I have Omachi and it's the same thing. It worked last night. You told me to use cursor agent inside of my settings within just a small period of time. This is where we're at. Okay. I had a great I had everything great running. Sorry. I just don't I don't like to do All right. Well, let's look at let's look at the code it's writing. We can start leaving some comments. All right. All right. All right. Oh, just we can check it out in files over here on the right side. Oh, files changes. That one's fine, too. Or we can go directly to the to the files part as well. Yeah, but either one's good. We can go to files. Uh what's that thing called? Uh schema. Yeah. Yeah. Mhm. All right. Profiles, ID, given name, nickname, birth date, photo, real path, created at, updated at. Yeah, that's fine. We should just say I think hon like I would I would say nickname should just also not be null. They have to have the display. And maybe we can just tell them to make it display name. Do you want me to say it or do you want me just to edit it? Well, we would we should tell it. We kind of I guess it's fine. I was thinking there's probably some queries that it's selecting on. All right. Uh let's make name not null. Control L when you're in there. Oh, baby. Oh, yeah. It's uh control L. Oh, yeah. They already have. Yeah. Yeah. That's actually sweet. I actually I actually love that feature to select code and be like, "Yo, yeah, that's fine." I do feel bad. Oh, except this delete to-dos. Yeah, dude. Accept. Get that out of there. I I will always feel bad asking an agent going to go do that other stuff. It's still It just still makes me feel bad whenever because I what I think will end up happening is almost nothing is going to change here. Well, but it has quotes that can possibly Are you building an AI agent over there? I did sneak a secret Bitcoin miner in the background and then this. So, if anything goes wrong, it's uh it's doing Well, keep reading. Let's keep reading. Let's see there. What's What else is going on? I wanted to catch this thing moving. You know what I mean? I think it's far away from that. It's building it's building an entire back end while we're chatting. Uh do you know that we've already done a thousand lines, dude? Hey, that's one10enth. we're over there. All right. Uh, fine. We'll do this. Yeah. Yeah. Uh, okay. Quote entries ID, event date, created at updated at. Yeah. Okay. So, that's line order. I don't like this. Can we e I think we should just literally have it be like a JSON blob. I like that. Let's just do that. You know what I'm saying? Wouldn't that be a thousand times easier? Yeah. Yeah. Yeah. Yeah. Let's uh let's go like that. Select all of that and just tell Boom. Do you see that? Control L. Let's combine these into one table. have the quote lines just be a JSON entry instead of um let's see actually it's technically a text entry uh encoded SQL not have a J it doesn't have JSON B I don't believe it has JSON B that's that's that's Postgress yeah right TJ in your big Postgress over there uh big the big big database complex got me out of here thinking we can just put JSON in there and it'll be fine all right let's combine these into one table have does have JSON just Uh, does it have JSON like JSON B format? Oh, it does. Yeah. Yeah, it says so. Oh, okay. I'm wrong. I thought it only had five. I thought it had five types and and JSON, wasn't them? JSON. I think it's probably a um I mean, I imagine it's probably like a you have to turn on or something. who uh who slash quote is the order it's displayed. Since uh users are never deleted, I'll add it. Got you, dude. Since users are never deleted, we do not have to worry about validation after it's saved. You know what I'm talking about. You don't have to like postw worry about changes because you can't delete people from your life in this app. True. True. We're not doing that. There is no cascading ondee. All right, planning next moves. Let's go back to this. Where we have we had any updates? Wait, what did how did you just send that? Did you just interrupt it? No, I just pressed enter, but it did just interrupt it. Oh, interesting. Interesting. Okay. I don't know what you did. That's That's impressive. Maybe I hit like shift and enter at the same time somehow. Control enter. Do you have it set to control enter? Control enter might automatically send instead of Q. I'm not sure. Yeah, I might I might have screwed that one up. Okay. Well, the the app will be half done. That's fine. I never like fold on apps anyways. That's that's true as a feature of history. We usually don't like that. All right. So, nice. We have some undefined things going on here. Too many errors. Too many errors based. I mean, that's the life I've always lived personally. Yeah. All right. All right. All right. Enter twice interrupts. Did you do Did you do that? Maybe Chad, did you hear him? Can anyone go back? that's fine. That's fine. We'll just tell it, hey, pick up where you left off afterwards. Yeah, it'll go. It's going to have to change a million things anyways because we just changed the fundamental data structure. But that's fine. That's good. Quotes. Let's see. It's going to be quotes is going to be that event date lines JSON. The only thing that sucks about doing it this way is it's going to be hard to find. Yeah, I'm going to do another one. dialogue the the optional dialogue should be captured as JSON but the primary quoteer should be yeah there should definitely be a primary person who's attached here let's see we let's see hold on again I'm going to grab this thing right here yep I'm going to go like this uh we need to have a primary uh quote uh uh let's see profile attached and the first quote may not be the primary quote uh let's see the primary uh profile, right? Because you could start off with Neil or whoever. You should have some way to say what the primary quote is as well. Like not only the quot also the primary quote. Yeah, we need uh a way to identify the primary uh quote which will be the display quote, right? And the primary person. Yeah. So in my head that would be like there's may not be the first when we get there. There's some little check box right here, right, for this to be like primary. Don't worry, that's the UI side. That's why it's going to get so good, right? No, but we'll we'll click something right here and then this will be there's just one that gets upgraded in. Okay, cool. Cool, cool, cool, cool. I like it. So, when you display like a list of your that's the one that's displayed. You can ask a question, honey. Got to get that mic, sweetheart. Okay. No, she said she she changed her mind. She didn't she didn't care that much. You doing okay? Yeah. Did you want to do bang? What's going on? people know that come into the stream. TJ, get a get a bang. What's going on? this would be way more effective without TJ sabotaging. That's what I'm talking about. Between cursor, lovable, cla code, which one do you prefer? Well, I've never used lovable. Uh, Claude Code, I've used it only once, like four months ago, and I used it for a couple days, and it flickered like wild and gave me uh gave me a a touch of the tism afterwards, and so I've used cursor a cajillion times. Plus, this is also sponsored. You should you shouldn't listen to our opinion anyways about it if you're going to ask us to compare. Just watch Yeah. Just watch us use this and then you should make a determination if you like what you see. I think that that is a better way to do it. And I'm personally this is I dude I'm so pumped for this side. You don't even know. But that's I mean I think that's a better way to do things anyways. You should be less concerning about my actual opinion and more about how you use it because what you like and what I like are going to be vastly different. Yeah. That's why we're just using it and then you can see what you like about it. Chad. Yeah. that's what makes this so good is you just get to see it happen. I I also, generally speaking, I dislike doing these big big changes. See, I I never do an app like this is I always just do one small thing at a time because I like to see things happen. I like to feel like I'm moving. I know. I agree. As soon as we have an app that roughly looks like an app for keeping track of quotes, then we we'll do small ones. Yeah, but it doesn't make sense to change the UI of the front end of a to-do list app and morph it into you should it will make better changes if you tell it the whole thing. Just like the next most likely token is much more likely to be correct if you write out the goal of what you're doing instead of I know. I just like I just am so excited. Well, let's look at some Well, let's look let's look at some of the queries. Well, I'm waiting for this. Well, we can't really look at any of the queries because it's still based off of this not being correct yet. Okay. Sure, sure. Sure. So, I'm kind of waiting for uh we're in the service. We're in the service land. Okay. Yep. Yep. Yep. We have a base a base. It has a base page. We have a homepage. It's going to go in here and it's just going to do some searchings here. Get some profiles apparently for profile string. This one I'm not really sure what's going on here for this list quotes. And it's uh collecting all the different profiles for the page, I think. Yeah, cuz I guess you could have like, you know how on Instagram you have stories, reels up on top? You could have, you could have profiles up on top. You could just click them. Boom. Filters all the quotes just that one person as primary. Could be pretty great. Could be a good feature. Just throwing that out there. That could work. And then you just list them in order of who has the most to least quotes, I guess. Yeah. Yeah. Well, how else would you do it? By age. Yeah, cuz then it would be the same all the time, which I would like. I like it if it's the same order always. But also, I'm the firstborn, so I like that it would show me first. Yeah. Yeah. Except for the reason why I like it is that as you would age and some of your kids go on to not hang out with you as much and the ones you're still capturing starts, we're not going to delete them, but we are going to have a thing to hide them because they're not part of my life Really don't even like them at that point. All right. Have we gotten to the point? Oh, I think Oh, we're starting to hit some temples. Okay. Nice. Yep. Getting to a new page. Getting a new page here. Very good. Yeah, I like it. I'm very excited for Um, what else in terms of uh like major data model decisions do we need do we need to make? So, I guess the new way that it's fuzzy find will be one we don't have tags, right? You need to be able to tag stuff. Yeah, which we should write up a little spec for what we think. Oh, look at this. It's already changing. Oh, hey, look at that. Nice. Nice. Okay. Okay. Okay. Do does it know that we want to do handcrafted artisal CSS? Yeah. Yeah. I wonder if is you think it's using Tailwind? I don't know. I probably not cuz I I don't have Tailwind installed there, but we should just we should write up. All right. It It believes that this would be a finished product at this current point. That's sick. Nice. That's good. That's good. That's That's good. All right. Hold on. Did it crash my server? Failed to build. Status one. All right. Well, let's just go like this. Let's just It just restarted. We did We did kind of change a lot of things. Okay. Failed the build. Well, that's fine. Oh. Uh birthday. Oh, it's in the dude, it's in the middle of changing the schema for nickname. Okay, that makes sense. That makes sense. Yeah. Yeah, we're still in the notall section. Then we got to go to the the big one, the primary quoter. But let's just start a new chat and start writing how we want CSS to work. Just fine. Fine. Okay, I'll do that. That's fine because that's more of a change. It's orthogonal. If I say it's orthogonal, now I know you like it. That's orthogonal. That's orthogonal. Now it's a good idea. That's orthogonal. Let's do it. Orthogonal, bro. Dude, I love orthogonal tasks. I find writing like just putting it into plan mode and then iterating on a plan like it works. It still gets me 90% of the way there even if it's like changing a bunch of stuff in the background and then I just change. I do I do a lot of plan mode myself. Hey. right. I'm somewhat of a plan motor myself, you know. Um All right. So, you are running this on your system? No container. Yes. It's a local first app, Chad. It's a local No, he's saying running the model itself. Oh, no. The model's not running on the system. It's running in the cloud. I don't know if you guys have heard of it I don't know if you know that. Why is created app a text field? Does wait. Was it a text field? Did we miss There's no way that's true. I refuse to believe that. Okay. It it is a text field, but to be fair, everything is a text. Isn't Isn't I don't think uh SQLite has a timestamp type, right? Isn't it just I thought No, I just did. It just said it right there. It supports all these different things, right? Yeah. Yeah. Well, but that's what Yeah. I don't think it actually has JSON B. I think it has text that you can interpret as JSON. Also, SQLite's pretty chill about you lying and putting completely wrong stuff in there. It loves that. It SQLite has no true time stamp storage class. Yeah, it allows the name time stamp, but it just puts it as text. Yeah, that's what I thought. SQLite. It It's chill like that, man. It's chill. It doesn't care about these things. All right, project setup. It's still making changes, I think. All right. So now let's do the let's do uh let's do this thing. Uh we uh just say we just want to use CSS. Uh we do not want inlined uh styles in Temple. Yep. Right. Uh we want everything uh driven through CSS classes. Yeah. And and I would say like one one big app.css file is great. Use modern CSS features. like we're not going to support older browsers like some cuz otherwise it'll try and write like compatible ones like it's good backwards compat uh uh features. You do not worry about that. We are purely modern uh app for the modern trad. Boom. Exactly. So true. So true. Did it also in the other one? What is the current status on on that one running? It looks like it just stopped right here. It it it read this. Oh, look. could never even sent this. Submit for Oh, don't do that. I I'm worried we clicked something in between. let's just start We'll just start a new one. Now we can do the iterative stuff. Now it's good. We have a base app. It's I'm a little bit worried about the schema. Check schema. Yeah, schema. I'm a little bit worried about the schema. Okay, so we do Okay, primary ID. Y can can I be It's not worth it. I hate that it's called profiles. I want it to be called person, but it's way too annoying to Is that too We're not even reading the code, right? I guess it's fine. Except I'm going to read the code, but that's My uh business I'm going to get blamed. I'm going to get blamed and hates the fact that it's called profiles. Please rename everything that is profiles related to person. Oh. Oh, no. There are people on the app, not profiles. Yeah, that's true. It's the My kid is not a profile. He's a person. Okay. Okay. He's He's a person, not a profile. Uh what's our what's our CSS uh plan app up to right now? Yeah. What's going on on this one? Uh it says, "Hey, class only CSS layout." CSS lunch style body outer templates currently lacks rules for most page classes. There we go. Let's just do that one. Inline, let's see. finding inline attributes appear only in this one. Okay, nice. Yeah, this is this plane's good. That's good. Let's go. Let's build it. Yeah. Yeah. Yeah, let's build it. I want to see this actively work though. Is it Hold on. Local host. I have so I have so many that are in like 8,000. Is it 802? Yeah, it's 802. Nice. It's It's Bro, it's rewriting It's rewriting the entire app into into person. No, no, no. It's only planning it. Oh, was it only planning Yeah, renaming. Look, renaming. There we go. Uh, for HP routes, is it okay to use the plural path people ID instead of person ID? Uh, use person. Why would you use plural? Yeah, use person. Person by ID. I like how it was like even if a bit unusual. No, you're unusual. Okay. Yeah, you are unusual for such a thing. I I do like when it gives a little bit of sass back at me. Uh, sass is dead, TJ. Oh, true. That's I don't know if you know that sass is dead. Personalized software is here to stay. Yeah. No, no one. No one slash peoples. We should do slash peoples. Peoples with an ID would actually give me anism. Slash an ID. I would actually die on that one. Oh, that would be good. There we go. Primary person. There you go. There we go. It's cooking. It's cooking now. There we go. We have a whole new list. People. There we go. That's good. Update people. it. If we're making an app for a family, it cannot be called profiles. You know what I'm saying? Even if you'll be able to tell the the LLM will be able to read that and say, "Oh, this is a cold app. An app not for families. It's not supposed to be warm and fuzzy inside. It's cold and technical." That's true. True. Chat. True. People/person is painful. It is. Dude, people's people's with an ID is actually so cursed. For those that aren't technical on a website slash and then you usually give like the category and then an ID for something specific. So you do like coffee slash ID and so that'd be you know of all the coffee it's the specific one. So people's being plural double plural and then ID is just of the double plurals it's this one item. It's just so it's just so cursed. What did it uh end up getting into in for the CSS one? By the way this mouse is insane. So if you slowly go it clicks. Oh yeah. But if you go fast, it spins just super fast. It goes into a flywheel mode really easily. I know. I know. I'm just Look at that. Sorry, we're still renaming stuff. Can you just hold on? Well, I know. I wanted to read the CSS while we were waiting. Oh, you want to read C? Yeah, I just wanted to see. I wanted to see what it got up to. I I don't believe you want to read CSS. Can we look at the Yeah, that's fine, too. Look at that. See, look at that. I'm just flying. I'm just flying. I'm just flying. But then lookick faster so I can read it. Okay. Yeah, that's good. Yeah. Yeah. Okay. It's good. It's That's That works. All right. Interesting. We have so much indent indentation. What is the indentation? Okay. So, we do layer components. Layers. So, I've never I've never used CSS layers. Uh layers are they're how you know that you're good at CSS. Okay. Yeah, that I know that because I don't know what they do, but every time I ask it to write modern CSS, it puts it into Okay. I I actually have never heard of a layer layer theme. Oh my gosh. Oh, I wonder if these are like ways that they can combine things. Yeah, it it tells the resolution order cuz then you can you can apply them in a certain order. I'm pretty sure that's Oh, yeah. Yeah, that that makes sense because Yeah, it makes sense that cuz then you have your theme that just then it's easy to go from dark to light mode. Is that true? Yes, you replace which layer is happening and some other stuff like that. Is the Logitech MXM 4 sponsor this stream? I TJ. Wow, this mouse is so interesting. That would be good. That'd be good, dude. We should be We should be It could be. If only we could do the Wayne's World uh shilling. Like that is the place to do the Wayne's World shilling. I just want this to work. Probably. Have you clicked reload? I did. I was just clicking. I couldn't tell. It was It was really silent. This mouth is so quiet. DJ, would you like to try? Wow. The the mouse feel on this is great. All right. So, my site's not loading and my agents are are not running. All right. There we go. So, can I just take a photo of this? But just copy it in. What do you mean copy what in? is the You always take a photo. Like what are you talking dude? I I hate that you were like we can't ask it to fix not null. But I would rather paste in a photo and have it do OCR than paste in the error message. It is so much better for the LLM to see There is no way. This is what we have on local separately. Separately we need two things. Tell these are these are cursor cues for us to settle afterwards. Number one, uh, yeah, beginning verse ending of prompt. I need to know. I need to get I need to get an answer. And then number two is, is it better to send a picture of text than to paste the text? Oh, make it use playright itself so it can test itself. Sorry, we can't use playright cuz TJ said using playright was bad. Even though I was like, hey, let's use playwright right away. Use screenshots of text. Okay, I'm writing that down. All right. Yes, I actually do want to know about the screenshot because I I use the screenshot feature constantly. TJ, well, you had bang today title. Oh, what? What? Yeah. What's wrong? What do you want with it? Just so people know what Shouldn't they just do today? Yeah, but then asking. Nice. Okay, cool. Okay, so I'm going to go like this. I'm going to I'm going to go like this. I'm going to hit this. I'm going to I'm going to hit this and just be like Whoopsies. What What mode am I in? You're in I think draw mode. Yeah, I'm in draw mode. I don't want to do that. I want to do element mode. Yep. Uh let's have this at the top. Each page seems to move the whole uh titling around. Right. Because if you send that in the same conversation as missing primary you did. Okay. That's fine. That's fine. Dude, stopping it. New agent. I thought I was I thought I was on a new agent. Yeah. Yeah. Yeah. Yeah. Okay. Okay. Sometimes you make mistakes because look at this, TJ. Look at this. Yes. One sec. Look how painful that is. You're going to miss it. You're going to miss it. Oh my gosh. TJ is actually trying to I'm watching. It's too late. You literally just missed it. You actually just missed it. That's triggering me. Okay, that's crass. All right, I'm not happy about Oh my gosh, I can't even show him. Okay, that see that's kill that's going to kill me. That's I'm going to watching. I'm going to I'm I'm I am updating important uh things for text here, right? Um design mode. I'm gonna go design mode. I'm gonna try I'm gonna try drawing. I'm gonna try drawing. Let's see. Right here. Right. Right here. Yes. Uh this region uh shifts over when I navigate to people. Please fix it. Right. Cuz look at this. Watch this. Okay. I'm watching. Watch this. Oh, I hate that. I hate that. Can we Can we tell it like it needs to use a shared it? Just have it use a shared layout for the entire page. Is it using a shared layout? It must not be using a shared layout. So, let's tell it. you can put it I would put I would cue that up as the next message. I'm just going to select the whole thing and be like, "Hey." Uh, like the whole thing. Oh my goodness. Uh, that's good. That's good. Then it knows then it knows which application we're talking about. It might be thinking it's somewhere else. Thank you, man. Thank you. I'm going to add it to Can you select the whole thing and say make it good? Yeah, I will. Yo, this is not good. Make it good. Oh my goodness. It's because of scroll bar. Yeah, CSS can fix quotes, people, and settings should all uh share the same container uh CSS styling. Second, if there is a scroll bar, things should not be shifted. I TJ loves virtual scroll bars. Go. I do. I like it when I like it when it's uh always there. All right. Nice. Look at that. Dude, my drawing actually worked. It did. It did. It did. It did. You're You're actually right. You're actually right about that. Hey, Chad. Did you hear that, TJ? Uh this is a paid post. This is sponsored by X. You can't say that cuz I'm your boss. Okay. Let's add a person. Let's see what happens. Let's see if it works. All right. Uh give a name. Tee uh DV. Yeah. True. Uh, Timothy. Nickname Timothy. I like that. Yeah. Today. Uh, today. Uh, 09. Wait, no. What am I saying? Uh, 0609 1969. Oh, that's a good birthday. Imagine. Uh, and put me give me give me Gary. Give me a Gary Tan one. Give me a Gary Tan. I'm going to give you Gary Gary Tan top. Okay. Nice. Where'd it go? I don't Gary Tan top. I want to pre I want to preview. Did you click save person? No. Oh, it Oh, it's Oh, it's refreshing, bro, cuz it's making changes. We have it on hot reload mode. We have Dude, we have it on hot reload. That's fair. That's fair. Let's see. I want to see a preview inlined to the right when I upload an image. Dude, I love that. Oh my. Do you know how much time I spend trying to tell the LM like physically where to place it? Yeah. I'm And chat's well aware of your uh communication acumen. Um, okay. First off, first off, I don't know. I I First off, what does acup come up with like if I misunderstood it, what word could it be? That's a good You are not poking ME WITH NEEDLES. THAT'S ACTUALLY EXACTLY where I went with acupuncture, but then I realized there's no way that actually works. That's so funny. We stopped saying that. You are not poking me with needles. Okay, first off, I'm not into Eastern medicine. Okay, that's good. That's good. I can't believe we actually thought the same thing. Okay, look at that. Oh, nice little preview box. Okay, very cool. Very cool. All right, hold on. Also, I just got to do this. Uh, I want photo. Let's see. I want uh title uh not to have the word optional. And it should be on the same line as the input box. I hate when they do. I hate when it goes nickname, box, birthday box. Oh, you don't like it that way? No, I want it to be nickname and this thing all on one line, dude. But that is not mobile friendly. That is so not mobile friendly because you're gonna you have way more vertical space than you have horizontal space on an on a phone. Fine. Fine. It was It was ahead of the game, bro. We said we're only going to use this on It only It only did it on this one. That's good. That's what I That's what I thought it was going to do. That's good cuz then on the phone you click you click choose file. That's good. That's All right. Let's actually Hold on. I I got to do this. Uh don't Let's see. Put a photo back of a separate line and call it PFP. Actually, call it person file photo. We can't call it PFP now. Okay. Yeah. True, true, true, true. I Dude, imagine if LLMs were actually sentient. How many times if someone's like, "Bro, put it on one line. Bro, put it on two lines." Oh my gosh. Also, also I I I I must say um if there is no image uh see if there is no image, do not display a uh an empty uh image preview box. I like that. I like that. It's driving me nuts. I like that, dude. I love this feature right here. Yeah, I know. It's good. It's good. I go nuts. Also, kids quotes. We got to get rid of that. That What are we calling? Are we calling it quotster? Honestly. Honestly, I This is more than just quotes. Scrapbook. No. Watch this. You go like this. You ready for this one? Turn this into an icon. I said Yukon. You get that? Yukon suck. Turn this into an icon. And uh let's see. Have it as a shouting person with a megaphone. Quickster, like Napster, like I was actually thought I I genuinely thought I actually thought you were genuinely making fun of Netflix when they did Quickster. No, I've never heard of that. The DVD company. I But I don't know what Quickster is. Really? They they in 2011 they separated the company into two companies. The streaming side and the DVD side. And they renamed the DVD side Quotster or sorry All right, bro. That's crazy. They they made our app in 2011. Look at this. Look at the Look at the title. They gave it a subtitle. People for quotes. People for quotes. well, but that's what the page is doing. Yeah. No, no subtitle. Yeah, it's good. That's good. That dude. People for quotes is people for quotes is insane. I like that though. Oh, is it gonna draw us an SVG? Oh, I hope so. That's what I'm hoping. Let's I honestly not the most insane, but let's go. Okay, that actually is That's reasonable for a random SVG that it just made for us. We'll keep that. We'll keep that for We're going to keep that. We're going to keep that. We'll keep that for sure. Um, also, I would like I would like uh It's modern art for It is modern art. How do How do I Is there a way to just select this line? Did you see? Oh, yeah. Uh, let's turn these into icons. And on the top right, I love icons. Oh, I don't want to read the word quotes. Just give me a quote. Right. Quote icon. You're not the user of that word. Uh Kayen, are you capable of understanding that a quote sign as an icon means quotes? so you're like talking about the He wants to use I actually want moving fingers. That's actually moving fingers. I'll allow moving fingers. That's good. That's good. two fingers up there and you click on it like this and they move when you hover over them. I'm down for that. Sorry, I just I want to clean up. I got to clean up. Like there's just there's just so much crap on the screen and it just drives me nuts. So much crap on the screen. There is. Tell me. Tell me I'm wrong. Did you send the delete? I don't know that it I don't know if it's sent. It is. It's right there. Oh, no. Removing sub. It removed them. But oh, or did it did it do the subtitle up here? Maybe it you just say I just when I click on it, I say remove this. All right. Remove this element completely. Okay, that's fine, too. Yeah, very specific. I like that. Well, yeah, I clicked it, too. I like that. I like that. Okay. Does our app we can navigate around or No. What's broken? Temp app. Oh, it's built. It was in the middle of building it again or something or Yeah, it must be uh code 127. I think that means it has somewhere between it's like a 4 gigabyte file now. 126 would only be somewhere between like it's like two bytes of size. That's a web socket joke. This would be four bytes of size. This…

Transcript truncated. Watch the full video for the complete content.