I Built an Apple Notes MVP in 5 Minutes Using V0 (2025 is DOPE)

let's make Apple notes in five minutes I literally just did this while I was watching a podcast and wanted to share it so there's two tools and you'll end up with a demo that looks something like this so you have all the notes you can pin them you can type in here you can see it update on the left you can actually edit the different text with some styling you can delete notes pretty ridiculous and all I did was a couple things I downloaded cursor so if you haven't heard of cursor it's a fork of vs code and I also used v0 v z is tuned on nextjs which if you haven't used that it's a framework it's a setup tools that makes it easier to build apps and so let's just jump in we're going to start out by yes go either download cursor I'm assuming you've already done that you can also use Homebrew so if you're used to home brew there is a cursor download for that you can just do Brew install cursor up next we're going to do some settings in cursor if you haven't used cursor definitely pay attention to this part so I clicked on this cod we'll just be going through the menus quickly you can see under models I have all of them disabled except for clae 35 and the new o1s I'm still using Cloud 35 under features you want to make sure you have cursor tab enabled you want to make sure you have have the following settings you have composer as well all of these are good and you want to make sure your code base is indexed all this applies after we do our work in v0 so the way that we're going to do this is I'm going to walk through the thread that I made because I don't need to make you watch me type everything and you can see how powerful v0 is where you literally just say make Apple notes and then it gives you command that you run in cursor and you take it from there I also have long chat enabled and AI review enabled so once you have all those settings um I guess the last bit that I almost left out was if you were to work with third party apis or any sort of libraries that you wanted to have cursor know about You' hit add new Doc and you would paste that in now typically Pro tip you want to actually go into the docs and go to the starting section of where you want it to know about so You' rather get more specific than less so let's get into v0 so v0 is the starting point and again this is all I did I typed in make the Apple notes app that was it it started giving me all this code you can see that I did four versions of this to get to this point that's it it's crazy and so I said give me Apple notes it started writing the version of it this is the first version not that great but it started with something then I took a screenshot of my own notes I said make it look like this copy the aesthetic then it updated and it got closer then I said make it better Steve Jobs is here half this blank is not working then it made it even better it started using a library if you ever see the red thing it's because it's using a library that it's not able to run in the browser and then finally on V4 I got really close I felt like it was good all I was going to do now is I hit add to code base I grab this this is the magic this is the sauce so all I did then was I opened up my editor and I went into the terminal and I typed in the commands to install Shad CN so Shad Cen is a library of components you can edit all them if you wish and I basically just would go to installation nextjs run that one command and then after that one command all I'm doing is running the command that v0 gave me so I hit that it gave me this entire Apple notes component and all these tool tips that were required all the code right there and then I just passed it in as a page so that is mindblowing if you had to do this by hand it would not take 5 minutes I know I said this was going to be 5 minutes for 4 minutes and 30 seconds um some of the bits then that I would go and start editing if I wanted to actually make this really good would be to do command a and I would do my edits with command K so in line I can edit there if I want to move it over to the right hand side I can do command shift L and it'll add it to the right pane which I think is is actually a pretty good way of of editing um multiple files then I could add other files if I said break this into components it would go and do that if I wanted to create a composer project then I would do command shift I and then it'll open up this Pane and this is where you get multiple file edits so it's similar to the pan that you just saw on the right hand side key difference being that you can actually create a project so if I said I want the project for Apple notes to be Cloud sync then I would have a project and I would add files in here and I would add any files that I think have to do with Cloud syncing so if this actually would hit a database and then anytime that I have any chat that's created through that project called cloudsync it's going to have all the files focused already so I just don't have to add them again and that is it it's v0 and it's cursor and it's knowing how to use these projects as a little farewell uh gift you want want to check out the cursor directory this has been pretty helpful and it basically gives you an additional prompt into how curer should operate so I like this one I would just copy this it's a set of rules I go back I'm going to create a new file at the root and I'd call it cursor rules and I just paste that in there and all that's doing instead of putting it in rules for AI I can have it as this file that's nice because one there's more space two you can have Version Control three if you wanted to have multiple of these in different files you could just swap them out so if that was helpful make sure you like the video and subscribe and I'll see you in the next