Complete Guide to Cursor For Non-Coders (Vibe Coding 101)

Up: Riley Brown | Previous

Intro

Today we're talking about building apps with AI. This is a comprehensive guide for you with no coding experience. You'll be able to build an app by the end of this video. This is going to be the most comprehensive Cursor tutorial for those who want to vibe code. Vibe code is the act of speaking or typing into Cursor Composer, which is the smartest AI tool for coding in the world by far. In this video, we're going to talk about this in three parts. The first part will be the basics of Cursor and so we talk about all of these different things. We're going to go through all of the vocabulary, everything that you need to know as someone who doesn't know how to write code to communicate with AI-powered coding tools like Cursor. And so in this first basic section we're also just going to build an AI image generator and I want you to fully understand how relatively easy it is to create really cool apps. You don't need to pay for other people's software anymore. The AI image generator that we create looks like this and so we're going to be able to say a man riding a bike with an elf hat on and I will show you from scratch how I built this very quickly. And boom. So we created this AI image generator. We can copy, we can download. And then in part two we built this landing page and we found a library on GitHub that had really cool animations and we just remixed it and created this landing page and we also went through the process of deploying it and uploading it to our own domain. So I bought a domain, agate.com, and that is this site. You can visit this site and I'll show you every step of the process to create this. And then finally in part three, we built an AI-powered app and this app really targets one of my big pain points with the new OpenAI deep research. I really like how it can create 10 to 30 page reports but it doesn't have images built into it, which is why I wanted to create an app that allows me to paste in all of my ideas and then I could generate images for the different sections. So I can generate charts with AI and this allows me, with one click, to generate charts with AI. And if I want to make changes, I can actually talk to an AI and say, mention the companies here and explain these more in the chart. And so we used Claude's API to allow us to edit these charts. Those are the three apps that we created today and I'm going to go through all of the basics getting started with Cursor. We're going to talk about Vercel and deploying apps to Vercel. I promise you it'll be worth it. You're going to love vibe coding. I'm Riley Brown. Let's dive in.

Rest of video

Up: Riley Brown | Previous