Project Setup

And as always, I'm going to start from a starter kit because I want my foundation to be secured. I want to have everything set up, and then I can work within this project. You can use any project you like. To install this startup project, you can just clone it and change the remote URL if you're more experienced, or you can just fork it, and then clone it to your local. Or I think the easiest way is just scroll down in the docs, and then you can just use this command. And with npx git pick, you just get the repository, and you can name it, and then you can push it into your own new repository. So for example, let's open new terminal, then type in npx git pick, and then you can write here macro calculator app, and it will download this repository. And then just change into this directory, macro calculator app, and then type cursor dot, which will open cursor, and now, you have your app ready, and you can install everything. And now you need to set up your own repository on GitHub. For this, just go to your private. Let's do this, for example, here. And then you just click here on new, write here macro calculator app, make this public, create the repository. And since we have used npx git pick, we don't have any git references now. Just copy-paste here the… or create a new repository on the command line and then open the terminal, and then paste here everything, and hit enter. Or even easier, if you use here the agent, but this takes some requests. I wouldn't recommend it if you know how to work with the terminal. And then hit enter, and it will push it to the repository. We can do this quickly, hit enter, wait for it, and then we can reload. And our macro calculator is not online. And if we want to add all files to our repository, then it's just easier to use the integrated git here with source control. You just need to click here on the icon on the top right, and then just commit it, sync the changes, and now everything… Let me reload it. And now all the code is in your own repository. And this is pretty important because, first, our code is now safe. It's now versioned. And most important for this lesson is that we can use it with background agents. If you're looking for the final version of the macro calculator, then just type here github.com instructor-pro macro calculator. You can find it here in the Instructa Pro repositories. That's it for the download and move on to the next. And now we have opened our project. We have right our project explorer, left our chat, and we are going to install all dependencies. For this, you need to install NodeJS. I'm going to install it with pnpm install, or you can just use npm install. And then we can run pnpm run dev, and our dev server has been started, and everything is now working on our local system. So we have now our web application or website local testable on our PC.