I just sold my first app that I built using replit which is crazy because I'm not a computer scientist not a developer I'm a marketing guy uh so I'm going to walk through step by step how I built it and how I found someone to sell it to so if that sounds interesting uh subscribe follow me on Twitter um and yeah let's let's get to it uh so really quick uh shout out amjad repet uh I just kind of tweeted that I was excited about the app and he seemed to like it and he was pumped um so he said why don't you make a tutorial and so that's what I'm doing um so yeah let's just dive right into it um repet is an AI coding uh assistant and a an IDE uh where you can you know write code um so basically how it works is when you start a new repet uh you describe the app that you want and uh with words and and it builds it um you can also pick through uh different kinds of stacks like you know if you like a certain stack um do that but I never do and it just uses react usually um and and I I tell it to use Shad Cen for the front end um so anyways here's what the app looks like that I sold I sold it for $750 by the way so it's not like you know I'm not retiring but it's a good start for my first app and I'll be able to charge the guy um monthly for you know keeping it up and you know maybe adding features down the line um so it's a really good potential recurring Revenue stream if you're able to sell apps to people uh and charge them for for maintenance um or new features um so this is the app it's a it's a kpi tracking app for CeX um some mechanics um and what they do is they go in and they can put in you know how many cars did you work on this week what was your revenue and what was your profit um then they would submit that report and they can visualize their data here um it's super simple but there's you know hundreds and thousands of business owners in the world who need apps like this um and don't want to pay like an outrageous amount for uh some sa some SAS app that's not catered to them um and this I sold this to a guy who um mentors and sells like a course to car mechanics so when he logs in he has this masterview where he can see everyone's progress and check on how they're doing um and see how many of his courses they've completed um so let's get right into how to build it I said I was going to teach you how to build the app and how to find someone to sell it to um but those are backwards uh you need to find someone to sell it to first and then build the app that's my advice um it's just way easier you can get all the requirements exactly what you need uh to make and you there's no question of like marketing who just and finding a buyer um so let me just show you that real quick um I saw this job posting on upwork which is like a freelancer job site um and he was asking for an air table and softer um expert to make a kpi tracking dashboard um if you don't know uh air table is just like a fancy Excel where you can like store data it's like a database um and then because it's $20 a month per user if you have lots of users um then it gets kind of expensive so You' use something like softer um which I'm not going to show cuz like I don't want to knock them and this isn't what the video is about but it's basically a custom front end for air table but it's another you know 170 bucks a month so all in what this guy was asking for um was a an app that would cost him 200 bucks a month in software um isn't super visually pleasing which was like his number one ask uh and so what I did was uh I wrote a proposal to him we hopped on a call and then I made him a demo of exactly what he asked for air table and softer and then I made an a demo of the same app using repet and he liked the replit one better because it's prettier um and it was is Catered exactly towards his use case it's not like one siiz fits-all software so that's what's cool about repet um so next I'm going to show you really quick uh how I built this and repet now unfortunately I don't think I have the first chat um that I used to start the app um but maybe we can just try doing it live really quick um what I do is is let's see where notion is um basically list all the screens you need uh like kpi dashboard kpi of record submission form of report and then off um here we would put what did I say car count reue profit and we need admin and and user um and then what I would do is just go into chat GPT and say I'm building an app for car mechanics to record their weekly kpis it needs these screens and objects objects are like variables I don't even know if I'm like referring to that correctly please write a design brief that I can give to my AI coding assistant to build this app um we need to add more color Okay so we're g to put that in the chat GPT brain dump that's the first step brain dump exactly what you're going to build if it's an upwork job you can take like what they put in upwork and dump it into here um and so like that could be a strategy to get you jobs spend like a couple dollars making a quick MVP of an app and then you could just screen record it and send it in The Proposal like hey I built an MVP of the app you want and they would hire you because you're ahead of all the people using you know chat GPT written responses one important thing is rewrite it to not be opinionated about the Stu stack it uses you should repet will choose the best stack for the job um so I wouldn't yeah I wouldn't be opinionated when you write this brief the only thing I would say is the exception is to use Shad CN components for UI I I think repet does this by default um but that's just it's really easy to use for a react front end um it looks clean one tip is if this is your first time doing it build it without Authentication because you'll see in a second how repet works is it'll build something and then it'll kind of test it really quick uh by running it itself and taking like a screenshot of what the screen looks like and it has trouble doing that uh if you build it with authentication because it doesn't know to log in and then take a screenshot right stuff okay so I'm going to say start building so you can just paste and go so now we're going to be in the talking to the agent okay so it's going to come back with a proposal uh anytime you write a new feature it goes through this process um it'll build an initial prototype and then look in here it has Shad CN which is cool um and it'll ask you for additional features um usually it won't build these out until it's done with the Prototype it'll say okay done with prototype do you want me to proceed to the additional feature um I I tend not to click these because they're they they're usually nice stuff but then you just kind of get feature creep and you're building too much stuff and it'll you need to keep the AI focused so I'm just going to click approve plan and start it's going to be funny to see how this is different from the original app so we're building so that was crazy this is repet building all the pages like so quickly um I'm not even a good enough coder to know what that is there's the main app file I know that it's building that the authentication page all right next is building the dashboard um a little like repet tour you can see the file tree here um as it's building um so if you know anything about coding like this will look familiar to you the main things you're probably going to be looking at are U Pages here here um that you can edit uh don't if you're using a component Library like Shad C and you shouldn't mess uh with the components because they're like boilerplate um you should change like their styling on page that's my advice um and then the main app file uh pretty much like connects all the pages it's going to automatically do tailwind and everything for you which is great because then you don't have to manage packages on your computer which is so annoying uh so I would add a database here to store user data create a database for yep can click on the uh pql logo here and you can see your database um super cool you can yeah you can like add rows and edit stuff in here which is super cool you can just like make different users let's get to where we can test this okay so we're gonna I don't know John though and then make a password create an account let's not do that it's looking super similar 20 where did we go how did I change tabs oops expected string receive number uh so you would give the agent something back like that um I kind of broke a rule here by saying also we need to do daada um you should should generally just make edits one at a time so it doesn't get confused the other thing you can do is go into if you like know there's a problem with something in a file like if you know about coding you can go in here and click modify with assistant I believe if you do it that way repc charges you like less per message because it's like a more focused you're just fixing code in one app um so that's something to try look at him doing work so he imported a package so that we can visualize the date picker and see now it's doing the same thing so let's make a new one when I try to submit kpis onsubmit I get this error below Revenue so we're trying a new agent like hanging up the phone and calling a new person to troubleshoot see how it's going to ask us to approve a new plan some of these things might be useful that's nice anyway uh we're running into these problems because I rushed really quick writing my brief into chat GPT um to have them generate like a cohesive brief to put into repet um I would brain dump I would absolutely brain dump write as many words down as you can or record them with your voice and transcribe put them in a chat GPT ask chat GPT hey are there any like things that are unclear or any gaps in my brief um ask me and and I'll answer them make the brief better okay we submitted the data it's not showing in the dashboard okay so we're going to stop here the agent um can kind of see everything in your repository and like understand how it works together um so it's like a you know a big brain engineer and then shoot the assistant you use for one-offs like I was saying earlier like um you know change this variable name change this like color in the front end so if you're editing like one page you would use the assistant agent is for features um I just want to emphas like the workflow should be like new agent for every feature beware of feature creep and if you start hitting a wall make a new agent um you if you want to do everything right like perfect like do exactly what I did at the beginning for every single feature and write down what screens you need what is going to be on the screen and what um what like variables and objects it's going to use um and how are those calculated how should they be displayed like you see here um total revenue doesn't have commas in it so uh I would go to admin Dash to make sure total revenue has commas in the thousand in the thousands places in the I don't know it should know what that means boom all right see there it fixed it uh so finally when you're finished with your app and you think it's looking good you go to deployments uh I've already deployed this one but it basically just puts it on its own uh generated URL which is cool um so I'm going to go on our test project that we did even though it's like not finished I would just do their default you don't need anything crazy for like a simple CR app I would do their default and then uh approve you don't need to change anything here and then can click deploy and you could do a private deployment if you don't want this to be public I think you need repet Pro um I pay the 25 bucks a month for repet Pro um but you can get started without that uh you get you get a certain amount of like free messages per month and free compute uh once you deploy an app which is sick and then if you were to go into settings here uh you would just add your own custom domain which I haven't done with my app yet um but you can also what's it doing right now yeah you can also shut that um your deployment here it's like it's so easy um and you can go to usage here and see how much you've spent on using the AI so I spent about uh $11 building that which is pretty good turned into 750 so that's repet it's really cool I I highly recommend it if you're going to try out repet please use my referral code I'm going to drop it in the description uh I'll probably do more tutorials like this I'm trying to make 52 apps this year that's my goal I think I made three or four uh and I'm trying to document them all and share I figure if I make 52 bad apps like one of them will be good by accident and I actually think this one is already good app so we're way ahead of schedule uh thanks for watching please uh share this if you found it was useful uh comment if you hate my voice or what you want me to help with uh maybe we do more repet challenges this was super sick peace